Aeroporto di Bologna - Design System

Parking Name 

<div class="c-parking_name">
    <img src="/images/svgs/parking-p1-icon.svg" alt="" class="c-parking_name__img">
    <div>
        <p class="c-parking_name__title">Terminal</p>
        <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

            Info parcheggio

        </button>
    </div>
</div>
 
<div class="c-parking_name{{#if modifier}} {{modifier}}{{/if}}">
  <img src="{{ img.src }}" alt="{{ img.alt }}" class="c-parking_name__img">
  <div>
    <p class="c-parking_name__title">{{ title }}</p>
    {{#if parking-info-cta }}
      {{> @button parking-info-cta }}
    {{/if}}
  </div>
</div>
 
{
  "title": "Terminal",
  "parking-info-cta": {
    "type": "button",
    "text": "Info parcheggio",
    "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
    "opens-dialog": "dialog-p1-info"
  },
  "img": {
    "src": "/images/svgs/parking-p1-icon.svg"
  }
}
  • Content: 
    .c-parking_name {
  display: flex;
  align-items: center;
  gap: remify(8px);
}

.c-parking_name__img {
  flex: 0 0 remify(40px);
}

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

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

No notes defined.