Aeroporto di Bologna - Design System

Helpdesk: Contacts 

<div class="c-helpdesk c-helpdesk--contacts">

    <div class="c-helpdesk__inner">

        <div class="c-media o-media ">
            <img class="c-media__figure o-media__figure" src="../../images/svgs/connecting-people.svg" alt="Ufficio stampa" height="" width="100">
            <div class="c-media__body o-media__body">
                <h4>Ufficio stampa</h4>
            </div>
        </div>
        <div class="c-media o-media ">
            <img class="c-media__figure o-media__figure" src="../../images/svgs/ic_call_black_24px.svg" alt="Contatti" height="" width="24">
            <div class="c-media__body o-media__body">
                <strong>Contatti</strong><br>ufficiostampa@bologna-airport.it<br>Telefono 051-6479616
            </div>
        </div>
    </div>

</div>
 
<div class="c-helpdesk c-helpdesk--contacts">
  
  <div class="c-helpdesk__inner">
    
    {{> @media--default main-title }}
    {{> @media--default contacts }}

  </div>

</div>
 
{
  "title": "Hai bisogno di aiuto?",
  "cards": [
    {
      "id": "assistance",
      "img-path": "/images/svgs/stk_help_center.svg",
      "img-alt": "Assistenza clienti",
      "text": "Assistenza clienti <span aria-hidden=\"true\">&#8594;</span>"
    },
    {
      "id": "faq",
      "img-path": "/images/svgs/stk_faq.svg",
      "img-alt": "Domande frequenti",
      "text": "Domande frequenti <span aria-hidden=\"true\">&#8594;</span>"
    },
    {
      "id": "info-reclaim",
      "img-path": "/images/svgs/stk_write_us.svg",
      "img-alt": "Info o reclami",
      "text": "Scrivici per info o reclami <span aria-hidden=\"true\">&#8594;</span>"
    }
  ],
  "main-title": {
    "modifier": "",
    "img-src": "/images/svgs/connecting-people.svg",
    "img-alt": "Ufficio stampa",
    "img-width": "100",
    "body": "<h4>Ufficio stampa</h4>"
  },
  "contacts": {
    "modifier": "",
    "img-src": "/images/svgs/ic_call_black_24px.svg",
    "img-alt": "Contatti",
    "img-width": "24",
    "body": "<strong>Contatti</strong><br>ufficiostampa@bologna-airport.it<br>Telefono 051-6479616"
  }
}
  • Content: 
    .c-helpdesk {
  background: #fff;
  padding: remify(24px) 0 remify(16px);
  margin-top: remify(48px);

  h3 {
    font-size: 150%;
    line-height: 1.333;
    text-align: center;
    color: primary(night, 100);
    margin-bottom: remify(16px);
  }

}

.c-helpdesk__inner {
  width: 100%;
  max-width: remify($base-page-width);
  margin: 0 auto;
}

/*------------------------------------*\
  Contacts modifier
\*------------------------------------*/

.c-helpdesk--contacts {
  padding: remify(56px) 0;

  main & {
    grid-column: full;
  }

  .c-helpdesk__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .c-helpdesk__inner > * {
    padding: remify(16px) remify(32px);
  }

}

/*------------------------------------*\
  Map detail view modifier
\*------------------------------------*/

.c-helpdesk--map-detail {
  display: none;
    
  @include min-screen (bp(tablet-p)) {
    display: block;
  }
}
  • URL: /components/raw/helpdesk/_helpdesk.scss
  • Filesystem Path: src/views/03-organisms/helpdesk/_helpdesk.scss
  • Size: 961 Bytes

No notes defined.