Transparent Callout

I would like to create a callout to use it as a toggle. I need to make it transparent but with white heading text.

Maybe something like this could work?

.callout[data-callout=no-bg] {
    --callout-color: transparent;
    background-color: transparent;
    border: none;
}

.callout[data-callout=no-bg] .callout-icon {
    display: none;
}

.callout[data-callout=no-bg] .callout-title {
    color: white;
}

> [!no-bg]- Title
> $$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$

CleanShot 2023-09-14 at 19.56.13

1 Like

Perfect! Now there is no annoying gray color, thank you!

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.