UCI

Title with icon 

<div class="title-with-icon">
    <img class="title-with-icon__img" src="/dist/images/casa-reforma.svg" alt="descripción">
    <h3 class="
            title-m
            
            
            title-m_color_accent-dark
            
        ">Título H3 con icono</h3>
</div>
 
<div class="title-with-icon">
    <img class="title-with-icon__img" src="{{ src }}" alt="{{ alt }}">
    {{> @title-m tit }}
</div>
 
{
  "src": "/dist/images/casa-reforma.svg",
  "alt": "descripción",
  "tit": {
    "text": "Título H3 con icono",
    "colorAccentDark": true
  }
}
  • Content: 
    .title-with-icon {
    display:flex;
    flex-direction: row;
    align-items: flex-end;
    &__img {
        max-height: 37px; 
        margin-right:20px;
    }
    @media (--viewport-ms-max) {align-items: flex-start;}
}
  • URL: /components/raw/title-with-icon/title-with-icon.css
  • Filesystem Path: src/02-molecules/title-with-icon/title-with-icon.css
  • Size: 221 Bytes

No notes defined.