UCI

Title xl: H 2 

<h2 class="
    title-xl
">Title XL (h2)</h2>
 
{{#if isH2}}
<h2{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</h2>
{{else if isH3}}
<h3{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</h3>
{{else if isH4}}
<h4{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</h4>
{{else if isH5}}
<h5{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</h5>
{{else if isH6}}
<h6{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</h6>
{{else if isP}}
<p{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</p>
{{else}}
<h1{{#if id}} id="{{id}}"{{/if}} class="
    title-xl{{#if colorLight}} title-xl_color_light{{/if}}
">{{{ text }}}</h1>
{{/if}}
 
{
  "text": "Title XL (h2)",
  "isH2": true
}
  • Content: 
    .title-xl {
    color: var(--color-text-quaternary);
    
    &_color {
        &_light {
            color: var(--color-text-light);
        }
        &_secondary {
            color: var(--color-text-secondary);
        }
    }
}
  • URL: /components/raw/title-xl/title-xl.css
  • Filesystem Path: src/01-atoms/title-xl/title-xl.css
  • Size: 232 Bytes

No notes defined.