UCI

Text label s: Color Accent 

<div class="
    text-label-s
    
    text-label-s_color_accent
    
"><span>Text Label S</span></div>
 
<div class="
    text-label-s
    {{#if colorLight}}text-label-s_color_light{{/if}}
    {{#if colorAccent}}text-label-s_color_accent{{/if}}
    {{#if colorAccentDark}}text-label-s_color_accent_dark{{/if}}
"><span>{{ text }}</span></div>
 
{
  "text": "Text Label S",
  "colorLight": false,
  "colorAccent": true,
  "colorAccentDark": false
}
  • Content: 
    .text-label-s {
    font-family: 'Jornada Sans Medium';
    text-transform: uppercase;
    font-size: 9px;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: 1.2px;
    color: var(--color-text-tertiary);

    @media (--viewport-lg-min) {
        font-size: 10px;
        line-height: 20px;
    }

    &_color {
        &_light {
            color: var(--color-text-light);
        }

        &_accent {
            color: var(--color-accent);
        }
    }
}
  • URL: /components/raw/text-label-s/text-label-s.css
  • Filesystem Path: src/01-atoms/text-label-s/text-label-s.css
  • Size: 478 Bytes

No notes defined.