UCI

Search result item: Default 

<div class="search-result-item">
    <div class="search-result-item__section">
        <div class="text-label-m">PRODUCTOS - RESIDENTES</div>
    </div>
    <div class="search-result-item__title">
        <a href="#">
            <h3 class="
        title-m
        
        
        
        
    "><strong>Hipoteca</strong> compra de casa</h3>
        </a>
    </div>
    <div class="search-result-item__txt">
        <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>
 
<div class="search-result-item">
    <div class="search-result-item__section">
        {{> @text-label-m section }}
    </div>
    <div class="{{#if isHipotecas}}search-result-item__title hipotecas{{else}}search-result-item__title{{/if}}">
        <a href="#">{{> @title-m title }}</a>
    </div>
    <div class="search-result-item__txt">
        {{> @bodycopy-m txt }}
    </div>
</div>
 
{
  "section": {
    "text": "PRODUCTOS - RESIDENTES"
  },
  "title": {
    "text": "<strong>Hipoteca</strong> compra de casa"
  },
  "txt": {
    "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>"
  }
}
  • Content: 
    .search-result-item {
    &__section{margin-bottom:20px;}
    &__title{
        margin-bottom:20px;
        a{
            h3{color: var(--color-accent-dark);
                &:hover{color: var(--color-accent);}
            }
        }
        &.hipotecas{
            a{
                h3{color: var(--color-accent);
                    &:hover{color: var(--color-accent-dark);}
                }
            }
        }
    }
    &__txt{margin-bottom:20px;}
}
  • URL: /components/raw/search-result-item/search-result-item.css
  • Filesystem Path: src/02-molecules/search-result-item/search-result-item.css
  • Size: 462 Bytes

No notes defined.