600 West

Stat 

<div class="Stat " style="">
    <h4 class="Stat-number">131%</h4>
    <p class="Stat-description">Lorem ipsum dolor sit amet</p>
</div>
 
<div class="Stat {{modifier}}" style="{{style}}">
	<h4 class="Stat-number">{{number}}</h4>
	<p class="Stat-description">{{description}}</p>
</div>
 
{
  "number": "131%",
  "description": "Lorem ipsum dolor sit amet"
}
  • Content: 
    .Stat {
    text-align: center;
    &-number {
        @include font-size-head-small;
        font-family: $font-family-headline;
    }
    &-description {
        @include font-size-base;
    }
}
.Stats {
    &._bordered {
        padding-bottom: 3rem;
        border-bottom: 2px solid get-color(neutral, 200);
    }
    &._large .Stat-number {
        @include font-size-head;
    }
}
  • URL: /components/raw/stat/Stat.scss
  • Filesystem Path: components/atoms/Stat/Stat.scss
  • Size: 387 Bytes

There are no notes for this item.