Aeroporto di Bologna - Design System

Parking Name 

<div class="c-parking_name">
    <img src="/images/svgs/new-p1.svg" alt="" class="c-parking_name__img">
    <div>
        <div class="c-parking_name__price">
            <div class="c-parking-price">
                <p class="c-parking-price__text">Prezzo per 3 giorni al <button type='button' class='c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open' aria-controls='dialog-p1-info'>P1 Terminal</button></p>
                <div class="c-parking-price__values">
                    <p class="c-parking-price__current">€ 12,00</p>
                    <p class="c-parking-price__old">€ 15,00</p>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="c-parking_name{{#if modifier}} {{modifier}}{{/if}}">
  <img src="{{ img.src }}" alt="{{ img.alt }}" class="c-parking_name__img">
  <div>
    {{#if price}}
    <div class="c-parking_name__price">{{> @parking-price price }}</div>
    {{/if}}
  </div>
</div>
 
{
  "title": "Terminal",
  "price": {
    "fare": {
      "text": "Prezzo per 3 giorni al <button type='button' class='c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open' aria-controls='dialog-p1-info'>P1 Terminal</button>",
      "old-price": "€ 15,00",
      "price": "€ 12,00"
    }
  },
  "img": {
    "src": "/images/svgs/new-p1.svg"
  }
}
  • Content: 
    .c-parking_name {
  display: flex;
  align-items: flex-start;
  gap: remify(8px);
  
  // @include min-screen(bp(phablet)) {
  //   align-items: flex-start;
  // }
}

.c-parking_name .c-parking-price {
  align-items: flex-start;
}

// .c-parking_name__price {
//   @include min-screen(bp(phablet)) {
//     display: none;
//   }
// }

// Owl Carousel sets width: 100% on all .owl-item img, which breaks the icon
// in the "Compara i parcheggi" carousel on the parkings home page.
.c-parking_name__img,
.owl-carousel .owl-item .c-parking_name__img {
  flex: 0 0 remify(50px);
  width: remify(50px);
}

.c-parking_name__title {
  @include font-scale(level-2, bold);
}

.c-parking_name__info-cta {
  @include font-scale(level-1);
  text-align: left;
}
  • URL: /components/raw/parking-name/_parking-name.scss
  • Filesystem Path: src/views/01-atoms/parking-name/_parking-name.scss
  • Size: 748 Bytes

No notes defined.