pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaning up some sass

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/elements/_kpi.scss
View File

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

13
styles/elements/_panels.scss
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 { @mixin panel-actions {
padding: $gap; padding: $gap;
} }

12
templates/requests.html
View File

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