UCI

Bodycopy xs: Hipotecas Text Light 

<div class="bodycopy-xs
    bodycopy_color_light
    
    ">
    <p>Bodycopy XS</p>
</div>
 
<div{{#if Id}} id="{{ Id }}"{{/if}}
    class="bodycopy-xs
    {{#if colorLight}}bodycopy_color_light{{/if}}
    {{#if colorDark}}bodycopy--color-dark{{/if}}
    {{#if strong}}bodycopy--strong{{/if}}"
>
    {{{ text }}}
</div>
 
{
  "text": "<p>Bodycopy XS</p>",
  "colorLight": true
}
  • Content: 
    .bodycopy-xs {
    color: var(--color-text);
    &_color {
        &_light {
            color: var(--color-text-light);
        }
    }

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

        &--color {
            &-dark{
                color: var(--color-accent-dark);
            }
        }

        &--strong {
            font-weight: 600;
        }
    }
}
  • URL: /components/raw/bodycopy-xs/bodycopy-xs.css
  • Filesystem Path: src/01-atoms/bodycopy-xs/bodycopy-xs.css
  • Size: 449 Bytes

No notes defined.