Aeroporto di Bologna - Design System

Airport info: Stops To 

<div class='c-airport-info c-airport-info--stops'>
    <strong>
        15:35
    </strong>
    BLQ
    <p><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
 
<div class='c-airport-info c-airport-info--stops'>
  <strong>
    {{time}}
    {{#if moredays}}
    <span class='more-days'>+1</span>
    {{/if}}
  </strong>
  {{airport-code}}
  <p>{{{airport-name}}}</p>
</div>
 
{
  "airport-code": "BLQ",
  "airport-name": "<strong>Bologna</strong>, Guglielmo Marconi",
  "time": "15:35"
}
  • Content: 
    .c-airport-info {

  text-align: left;
  flex: 1 0 25%;
  color: secondary(text, 100);

  .c-airport-info__code {
    text-transform: uppercase;
    font-size: 150%;
    font-weight: fw(regular);
  }

  .c-airport-info__time {
    text-transform: uppercase;
    font-size: 150%;
  }

  .c-airport-info__name {
    margin: remify(4px) 0;
    font-size: remify(10px);
    line-height: 1.5;
    
    @include min-screen(bp(tablet-p)) {
      font-size: remify(12px);
    }
  }

  .c-route--compact & {
    font-size: remify(13px);
  }

  .more-days {
    color: status(negative);
    font-size: 75%;
    font-weight: fw(bold);
    vertical-align: top;
  }

}

/*------------------------------------*\
  Stops modifier
\*------------------------------------*/
.c-airport-info--stops {
  text-align: left;
}
  • URL: /components/raw/airport-info/_airport-info.scss
  • Filesystem Path: src/views/01-atoms/airport-info/_airport-info.scss
  • Size: 803 Bytes

No notes defined.