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

Claim 

<div class=" claim ">
    <p class="claim__text">Engineering progress</p>
    <p class="claim__text">Enhancing lives</p>
</div>
 
<div class="{{mixes}} claim {{modifiers}}">
  <p class="claim__text">{{line1}}</p>
  <p class="claim__text">{{line2}}</p>
</div>
 
{
  "line1": "Engineering progress",
  "line2": "Enhancing lives"
}
  • Content: 
    .claim {
  @include typography-level('claim');

  padding-top: 0.8rem;
  background: linear-gradient(to right, $black 60%, $white 60%) top/100% 0.8rem no-repeat;

  &__text {
    margin-bottom: 0;

    &:last-child {
      color: $white;
    }
  }
}
  • URL: /components/raw/atoms-claim/_claim.scss
  • Filesystem Path: src/components/02-ui-components/01-atoms/04-claim/_claim.scss
  • Size: 250 Bytes

There are no notes for this item.