Cleaning up some sass

This commit is contained in:
Luis Cielak 2018-08-01 15:41:33 -04:00 committed by luisgov
parent 96139fbd6b
commit b446cd6ba7
3 changed files with 20 additions and 7 deletions

View File

@ -7,7 +7,7 @@
padding: $gap * 2;
}
.kpi__item--value {
.kpi__item__value {
@include h1;
padding-bottom: $gap / 2;
}

View File

@ -29,6 +29,19 @@
}
}
@mixin panel-row {
@include grid-row;
.col {
margin: 0 $site-margins-mobile * 2;
@include media($medium-screen) {
margin: 0 $site-margins * 2;
}
}
}
@mixin panel-actions {
padding: $gap;
}

View File

@ -50,16 +50,16 @@
<div class="row kpi">
<div class="kpi__item col col--grow">
<div class="kpi__item--value">3</div>
<div class="kpi__item--description">Pending Requests</div>
<div class="kpi__item__value">3</div>
<div class="kpi__item__description">Pending Requests</div>
</div>
<div class="kpi__item col col--grow">
<div class="kpi__item--value">2,456</div>
<div class="kpi__item--description">Completed Requests This Year</div>
<div class="kpi__item__value">2,456</div>
<div class="kpi__item__description">Completed Requests This Year</div>
</div>
<div class="kpi__item col col--grow">
<div class="kpi__item--value">234</div>
<div class="kpi__item--description">Denied Requests</div>
<div class="kpi__item__value">234</div>
<div class="kpi__item__description">Denied Requests</div>
</div>
</div>