@concentric-radius
This recipe applies a concentric radius to an element. A concentric radius is an outer radius that is equal to the inner radius plus half the element’s padding.
Note: This recipe sets the padding of the parent element via a var(--padding) variable so it can calculate the concentric radius. By default, the inner radius will use your site’s default border radius via var(–radius).
DocsI am a heading
Here goes your text ... Select any part of your text to access the formatting toolbar.
I am a heading
Here goes your text ... Select any part of your text to access the formatting toolbar.
Ribbon
I am a heading
Here goes your text ... Select any part of your text to access the formatting toolbar.
This looks like an h3 heading, but it's really just a paragraph. It's designed for text that needs to stand out, to get an important point across.
accent heading (h2)
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.
Traditionally our industry has used Lorem Ipsum, which is placeholder text written in Latin. Unfortunately, not everyone is familiar with Lorem Ipsum and that can lead to confusion. I can’t tell you how many times clients have asked me why their website is in another language!
