UCI

Bodycopy l: Hipotecas Accent Dark 

<div id="" class="
    bodycopy-l
    
    bodycopy--color-dark
    
">
    <p>Bodycopy L</p>
</div>
 
<div id="{{ id }}" class="
    bodycopy-l
    {{#if colorLight}}bodycopy_color_light{{/if}}
    {{#if colorDark}}bodycopy--color-dark{{/if}}
    {{#if strong}}bodycopy--strong{{/if}}
">{{{ text }}}</div>
 
{
  "text": "<p>Bodycopy L</p>",
  "colorDark": true
}
  • Content: 
    .bodycopy-l {
    color: var(--color-text-tertiary);
    &_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-l/bodycopy-l.css
  • Filesystem Path: src/01-atoms/bodycopy-l/bodycopy-l.css
  • Size: 471 Bytes

No notes defined.