UCI

Report 

<div class="report">
    <div class="report__label">
        <div class="text-label-m">Mejoramos de forma constante</div>
    </div>
    <div class="report__title">
        <h2 class="
            title-l
            
            
            
            
        ">

            Nuestros empleados tienen una media de 15 años de antigüedad

        </h2>
    </div>
    <div class="report__bodycopy">
        <div class="
            bodycopy-m
            
            
            
        ">
            <p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>
        </div>
    </div>
    <div class="report__link">
        <a class="link
                    link_simple
                    
                    
                    
                    
                    link_has-icon link_has-icon_after
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    " href="#">
            <span>Descargar informe</span>
            <svg class="icon icon-download      icon-after">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#download"></use>
            </svg>
        </a>

    </div>
</div>
 
<div class="report{{#if visible}} visible{{/if}}">
    <div class="report__label">
        {{> @text-label-m text-label }}
    </div>
    <div class="report__title">
        {{> @title-l title }}
    </div>
    <div class="report__bodycopy">
        {{> @bodycopy-m bodycopy }}
    </div>
    <div class="report__link">
        {{> @link link }}
    </div>
</div>
 
{
  "text-label": {
    "text": "Mejoramos de forma constante"
  },
  "title": {
    "text": "Nuestros empleados tienen una media de 15 años de antigüedad"
  },
  "bodycopy": {
    "text": "<p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>"
  },
  "link": {
    "isSimple": true,
    "icon-after": {
      "name": "download",
      "isAfter": true
    },
    "href": "#",
    "text": "Descargar informe"
  }
}
  • Content: 
    .report {
    text-align: center;

    &__label {
        margin-bottom: 20px;
    }

    &__title {
        margin-bottom: 20px;
    }

    &__bodycopy {
        margin-bottom: 30px;
    }
}
  • URL: /components/raw/report/report.css
  • Filesystem Path: src/02-molecules/report/report.css
  • Size: 192 Bytes

No notes defined.