UCI

Advantage: Hipotecas 

<div class="advantage">
    <div class="advantage__icon">
        <svg class="icon icon-big-search     ">
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
        </svg>
    </div>
    <div class="advantage__bodycopy">
        <div id="" class="
            bodycopy-l
            
            
            
        ">
            <p>Condiciones transparentes y sin sorpresas</p>
        </div>
    </div>
    <div class="advantage__extra">
        <div class="
            bodycopy-m
            
            
            
        ">
            <p>Sólo para extra</p>
        </div>
    </div>
</div>
 
<div class="advantage">
    <div class="advantage__icon">
        {{> @icon icon }}
    </div>
    <div class="advantage__bodycopy">
        {{> @bodycopy-l bodycopy }}
    </div>
    <div class="advantage__extra">
        {{> @bodycopy-m extra }}
    </div>
</div>
 
{
  "icon": {
    "name": "big-search"
  },
  "bodycopy": {
    "text": "<p>Condiciones transparentes y sin sorpresas</p>"
  },
  "extra": {
    "text": "<p>Sólo para extra</p>"
  }
}
  • Content: 
    .advantage {
    margin-bottom: 30px;

    @media (--viewport-ms-only) {
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }

    &__icon {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;

        @media (--viewport-ms-only) {
            margin: 0 40px 0 0;
        }

        .icon {
            width: 54px;
            height: 54px;
        }
    }

    &__bodycopy {
        text-align: center;

        @media (--viewport-ms-only) {
            text-align: left;
        }
    }
}
  • URL: /components/raw/advantage/advantage.css
  • Filesystem Path: src/02-molecules/advantage/advantage.css
  • Size: 559 Bytes

No notes defined.