UCI

Text label m: Text Accent 

<div class="text-label-m text-label-m_color_accent">Text Label M</div>
 
<div class="text-label-m{{#if colorLight}} text-label-m_color_light{{/if}}{{#if colorAccent}} text-label-m_color_accent{{/if}}">{{ text }}</div>
 
{
  "text": "Text Label M",
  "colorAccent": true
}
  • Content: 
    .text-label-m {
    font-family: 'Jornada Sans Medium';
    text-transform: uppercase;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 1.2px;
    color: var(--color-text-tertiary);
    transition: color 0.3s;

    @media (--viewport-lg-min) {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1.4px;
    }

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

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

No notes defined.