UCI

ucipt-Title: Text Light 

<h2 class="ucipt-title
    ucipt-title--color-light">Title (h2)</h2>
 
{{#if isPrincipal}}
<h1 class="ucipt-title
    {{#if colorLight}}ucipt-title--color-light{{/if}}">{{ text }}</h1>
{{else}}
<h2 class="ucipt-title
    {{#if colorLight}}ucipt-title--color-light{{/if}}">{{ text }}</h2>
{{/if}}
 
{
  "text": "Title (h2)",
  "colorLight": true
}
  • Content: 
    .ucipt-title {
    font-family: "Jornada News Book", sans-serif;
    font-size: 44px;
    font-weight: 300;
    line-height: 56px;
    letter-spacing: 0;
    color: var(--color-text-quaternary);

    @media (--viewport-sm-max) {
        font-size: 38px;
        line-height: 50px;
    }

    @media (--viewport-ms-max) {
        font-size: 32px;
        line-height: 42px;
    }

    &--color {
        &-light {
            color: var(--color-text-light);
        }
    }
}
  • URL: /components/raw/ucipt-title/ucipt-title.css
  • Filesystem Path: src/01-atoms/ucipt-title/ucipt-title.css
  • Size: 475 Bytes

No notes defined.