Aeroporto di Bologna - Design System

Tip 

<div class="c-tip">
    <p class="c-tip__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio ipsum iure ipsam aliquam magnam aspernatur quae impedit veniam ex, mollitia nulla, est minus repudiandae porro saepe exercitationem dolorum dignissimos error?</p>
</div>
 
<div class="c-tip{{#if modifier}} {{modifier}}{{/if}}">
  <p class="c-tip__text">{{{ text }}}</p>
</div>
 
{
  "text": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio ipsum iure ipsam aliquam magnam aspernatur quae impedit veniam ex, mollitia nulla, est minus repudiandae porro saepe exercitationem dolorum dignissimos error?"
}
  • Content: 
    .c-tip {
  padding: remify(8px) remify(16px);
  border-left: remify(8px) solid primary(sky, 60);
}

.c-tip__text {
 @include font-scale(level-1);
 color: secondary(text, 100);
}
  • URL: /components/raw/tip/_tip.scss
  • Filesystem Path: src/views/02-molecules/tip/_tip.scss
  • Size: 177 Bytes

No notes defined.