Aeroporto di Bologna - Design System

Vantaggi 

<div class="c-advantages">

    <p class="c-advantages__intro">
        Sei iscritto alla newsletter di Aeroporto di Bologna con l’indirizzo <strong>mario.rossi@mail.it</strong> dal <strong>24 settembre 2017</strong>.<br><br>L’iscrizione ti permette di ricevere periodicamente:
    </p>

    <div class="c-advantages__item">
        <div class="c-media o-media ">
            <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
            <div class="c-media__body o-media__body">
                <strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
            </div>
        </div>
    </div>
    <hr aria-hidden="true">
    <div class="c-advantages__item">
        <div class="c-media o-media ">
            <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
            <div class="c-media__body o-media__body">
                <strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
            </div>
        </div>
    </div>
    <hr aria-hidden="true">
    <div class="c-advantages__item">
        <div class="c-media o-media ">
            <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
            <div class="c-media__body o-media__body">
                <strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
            </div>
        </div>
    </div>

</div>
 
<div class="c-advantages">

  {{#if intro}}
    <p class="c-advantages__intro">
      {{{ intro }}}
    </p>
  {{/if}}

  {{#each advantages}}
    <div class="c-advantages__item">
      {{> @media }}
    </div>
    {{#unless @last }}
      <hr aria-hidden="true">
    {{/unless}}
  {{/each}}

</div>
 
{
  "intro": "Sei iscritto alla newsletter di Aeroporto di Bologna con l’indirizzo <strong>mario.rossi@mail.it</strong> dal <strong>24 settembre 2017</strong>.<br><br>L’iscrizione ti permette di ricevere periodicamente:",
  "advantages": [
    {
      "img-src": "/images/svgs/stk_faq.svg",
      "img-alt": "Promozioni",
      "img-width": "100",
      "body": "<strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna."
    },
    {
      "img-src": "/images/svgs/stk_faq.svg",
      "img-alt": "Informazioni",
      "img-width": "100",
      "body": "<strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna."
    },
    {
      "img-src": "/images/svgs/stk_faq.svg",
      "img-alt": "Programmazione eventi",
      "img-width": "100",
      "body": "<strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge."
    }
  ]
}
  • Content: 
    .c-advantages {

  color: primary(night, 100);

  hr {
    margin-bottom: remify(40px);
    border: remify(0.5px) solid primary(night, 100);
    
    @include min-screen (bp(tablet)) {
      width: calc(100% - 7.25rem);
      margin-left: auto;
    }

  }

  .c-dialog & {
    margin-top: remify(48px);
    margin-bottom: remify(48px);
  }

}

.c-advantages__intro {
  margin-bottom: remify(48px);
  font-size: 125%;
  line-height: 1.4;
}
  • URL: /components/raw/advantages/_advantages.scss
  • Filesystem Path: src/views/03-organisms/advantages/_advantages.scss
  • Size: 438 Bytes

No notes defined.