Aeroporto di Bologna - Design System

Bar 

<div class="c-bar ">
    <h3 class="c-bar__title">Lorem ipsum dolor</h3>
</div>
 
<div class="c-bar {{ modifier }}">
  {{#if tag }}
    <{{tag}} class="c-bar__title">{{{ title }}}</{{tag}}>
  {{else}}
    <p class="c-bar__title">{{{ title }}}</p>
  {{/if}}
</div>
 
{
  "tag": "h3",
  "title": "Lorem ipsum dolor"
}
  • Content: 
    .c-bar {
  background-color: secondary(soft, 100);
  border-radius: remify(16px);
  margin-bottom: remify(24px);
  border: remify(1px) solid primary(night, 10);
}

.c-bar__title {
  color: primary(night, 100);
  @include font-scale(level-2, regular);
  padding: remify(12px) remify(24px);
}
  • URL: /components/raw/bar/_bar.scss
  • Filesystem Path: src/views/02-molecules/bar/_bar.scss
  • Size: 290 Bytes

No notes defined.