No notes defined.

<aside class="textHighlightInset" aria-hidden="true">
    <p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>

</aside>
<aside class="textHighlightInset{{#modifier}} {{.}}{{/modifier}}" aria-hidden="true">
    {{{content}}}
</aside>
{
  "content": "<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n"
}
  • Content:
    $textHighlightInset_border-width: $_border-width--largest !default;
    
    $textHighlightInset_styles: (
        text-size: 2x-large,
        font-family: $_font-family--secondary,
        font-style: italic,
        border-left: $textHighlightInset_border-width $_accent-color solid,
    ) !default;
    
  • URL: /components/raw/texthighlightinset/_textHighlightInset.settings.scss
  • Filesystem Path: components/04-modules/textHighlightInset/_textHighlightInset.settings.scss
  • Size: 275 Bytes
  • Content:
    %textHighlightInset {
        @include stack-spacing(section);
    
        padding-top: calc(var(--bp) - .2em);
        padding-bottom: calc(var(--bp) - .1em);
        padding-left: calc(var(--bp) + $textHighlightInset_border-width);
    
        @include styles($textHighlightInset_styles);
    
        > *:first-child {
            @include stack-spacing(0);
        }
    
    }
    
    .textHighlightInset {
        @extend %textHighlightInset;
    }
    
  • URL: /components/raw/texthighlightinset/_textHighlightInset.styles.scss
  • Filesystem Path: components/04-modules/textHighlightInset/_textHighlightInset.styles.scss
  • Size: 390 Bytes