Aeroporto di Bologna - Design System

Search suggestions 

<div class="c-search-suggestions">

    <h3>Potrebbero esserti utili</h3>

    <ul class="c-search-suggestions__list">

        <li class="c-search-suggestions__item">
            <a href="#">Ultimi aggiornamenti covid <span aria-hidden="true">&#8594;</span></a>
        </li>
        <li class="c-search-suggestions__item">
            <a href="#">Parcheggia in aeroporto <span aria-hidden="true">&#8594;</span></a>
        </li>
        <li class="c-search-suggestions__item">
            <a href="#">Contatti e supporto <span aria-hidden="true">&#8594;</span></a>
        </li>
        <li class="c-search-suggestions__item">
            <a href="#">Fast track <span aria-hidden="true">&#8594;</span></a>
        </li>
    </ul>

</div>
 
<div class="c-search-suggestions">

  <h3>Potrebbero esserti utili</h3>
  
  <ul class="c-search-suggestions__list">

    <li class="c-search-suggestions__item">
      <a href="#">Ultimi aggiornamenti covid <span aria-hidden="true">&#8594;</span></a>
    </li>
    <li class="c-search-suggestions__item">
      <a href="#">Parcheggia in aeroporto <span aria-hidden="true">&#8594;</span></a>
    </li>
    <li class="c-search-suggestions__item">
      <a href="#">Contatti e supporto <span aria-hidden="true">&#8594;</span></a>
    </li>
    <li class="c-search-suggestions__item">
      <a href="#">Fast track <span aria-hidden="true">&#8594;</span></a>
    </li>
  </ul>
  
</div>
 
/* No context defined. */
  • Content: 
    .c-search-suggestions {
  grid-column: main;
  
  max-width: remify(670px);
  margin: remify(16px) auto remify(32px);
  width: 100%;
  

  h3 {
    font-size: remify(20px);
    font-weight: fw(bold);
    color: primary(night, 100);
    margin-bottom: remify(24px);
  }

    .c-search-suggestions__item {
      margin-bottom: remify(16px);
      &, & a {
        @include font-scale(level-2, semibold);
        color: primary(night, 100);
      }
  }


  .c-expanded-search & {

    margin: remify(32px) 0 0;

    h3,
    .c-search-suggestions__item,
    .c-search-suggestions__item a {
      color: #fff;
      text-align: left;
    }
  }

}
  • URL: /components/raw/search-suggestions/_search-suggestions.scss
  • Filesystem Path: src/views/03-organisms/search-suggestions/_search-suggestions.scss
  • Size: 645 Bytes

No notes defined.