<a class="retailer-autocomplete-result" href="#"><svg class="icon icon--location-pin">
  <use xlink:href="/assets/icons/icons.svg#location-pin"></use>
</svg>
 Lorem ipsum dolor sit amet consectet</a>
<a class="retailer-autocomplete-result" href="#">{{render '@icons--location-pin'}} {{value}}</a>
{
  "value": "Lorem ipsum dolor sit amet consectet"
}
  • Content:
    .retailer-autocomplete-result {
      display: block;
      padding-right: 20px;
      color: $color-medium-dark;
      font-size: 1.4rem;
      line-height: 3.6rem;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    
      .icon {
        position: relative;
        top: 2px;
        margin-right: 10px;
        margin-left: 20px;
        fill: $color-medium-dark;
      }
    
      &:active,
      &:focus,
      &:hover {
        outline: none;
        background-color: $color-light;
        color: $color-darkest;
    
        .icon {
          fill: $color-darkest;
        }
      }
    }
    
  • URL: /components/raw/retailer-autocomplete-result/retailer-autocomplete-result.scss
  • Filesystem Path: src/components/01-elements/search/retailer-autocomplete-result/retailer-autocomplete-result.scss
  • Size: 542 Bytes

There are no notes for this item.