Web Design Guide 2023-12-11 10:29:21 | 2.0.0

Extra 

<div class=" extra -bg-primary">
    <div class="extra__container container">
        <div class=" claim ">
            <p class="claim__text">Engineering progress</p>
            <p class="claim__text">Enhancing lives</p>
        </div>

    </div>
</div>
 
<div class="{{mixes}} extra {{modifiers}}">
  <div class="extra__container container">
    {{render '@atoms-claim' claim merge=true}}
  </div>
</div>
 
{
  "modifiers": "-bg-primary"
}
  • Content: 
    .extra {
  padding: 3.5rem 0;

  &__container {
    display: flex;
    justify-content: flex-end;
  }
}
  • URL: /components/raw/molecules-extra/_extra.scss
  • Filesystem Path: src/components/02-ui-components/02-molecules/80-extra/_extra.scss
  • Size: 104 Bytes

There are no notes for this item.