UCI

Brands 

<div class="brands">
    <span class="title-m
            
            
            ">UCI - Entidad adherida a la línea de avales ICO para jóvenes</span>
    <!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
    <ul>
        <li>
            <img src="/dist/images/brand_ico.png" alt="ICO" width="150px" />
        </li>
        <li>
            <img src="/dist/images/brand_ministerio-vivienda.png" alt="" width="250px" />
        </li>
        <li>
            <img src="/dist/images/brand_UCI.png" alt="" width="124px" />
        </li>
    </ul>
</div>
 
<div class="brands">
    {{> @title title }}
    <ul>
        {{#each brand_item}}
        <li>
            <img src="{{ this.src }}" alt="{{ this.alt }}" width="{{ this.width }}" />
        </li>
        {{/each}}
    </ul>
</div>
 
{
  "title": {
    "text": "UCI - Entidad adherida a la línea de avales ICO para jóvenes",
    "type": "-m"
  },
  "brand_item": [
    {
      "src": "/dist/images/brand_ico.png",
      "alt": "ICO",
      "width": "150px"
    },
    {
      "src": "/dist/images/brand_ministerio-vivienda.png",
      "width": "250px"
    },
    {
      "src": "/dist/images/brand_UCI.png",
      "width": "124px"
    }
  ]
}
  • Content: 
    .brands {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-items: center;
    .title-m{text-align: center; width: 100%;display: block; margin-bottom: 58px;}

    ul{
        display: flex; flex-direction: row; gap: 120px; justify-content: center; align-items: center;
        @media (--viewport-ms-max) {
            flex-direction: column;
            gap: 40px;
        }
    }
}
  • URL: /components/raw/brands/brands.css
  • Filesystem Path: src/02-molecules/brands/brands.css
  • Size: 408 Bytes

No notes defined.