63 lines
1.2 KiB
SCSS
63 lines
1.2 KiB
SCSS
.funding-summary-row {
|
|
@include media($medium-screen) {
|
|
@include grid-row;
|
|
|
|
.funding-summary-row__col {
|
|
@include grid-pad;
|
|
flex-grow: 1;
|
|
|
|
.panel {
|
|
padding: $gap * 2;
|
|
|
|
&.spend-summary {
|
|
.row {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.spend-summary__heading {
|
|
@include h3;
|
|
margin: 0 $gap 0 0;
|
|
}
|
|
|
|
.spend-summary__budget {
|
|
margin: 0 0 0 $gap;
|
|
|
|
> div {
|
|
text-align: right;
|
|
margin: 0 0 ($gap / 2) 0;
|
|
|
|
dd, dt {
|
|
display: inline;
|
|
}
|
|
|
|
dt {
|
|
color: $color-gray;
|
|
margin-right: $gap;
|
|
font-weight: normal;
|
|
}
|
|
|
|
dd {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
|
|
meter {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 100%;
|
|
height: 3rem;
|
|
display: block;
|
|
background: $color-gray-lightest;
|
|
}
|
|
|
|
meter::-webkit-meter-bar {
|
|
background: $color-primary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|