Cleaning up some sass
This commit is contained in:
parent
96139fbd6b
commit
b446cd6ba7
@ -7,7 +7,7 @@
|
||||
padding: $gap * 2;
|
||||
}
|
||||
|
||||
.kpi__item--value {
|
||||
.kpi__item__value {
|
||||
@include h1;
|
||||
padding-bottom: $gap / 2;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user