You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
sqm-dashboards/app/assets/stylesheets/dashboard.scss

73 lines
1.2 KiB

@import 'bootstrap';
@import 'bootstrap-overrides';
@import 'colors';
@import 'fonts';
@import 'borders';
.graph-header {
@extend .font-bitter;
@extend .weight-700;
}
.graph-footer {
font-family: 'Cabin', sans-serif;
}
.harvey-ball__legend {
display: flex;
justify-content: space-around;
align-items: center;
@extend .p-3;
@extend .bg-color-gray-3;
@extend .border-radius-8;
}
.subcategory-card {
border: 1px solid #CECECE;
background-color: $gray-3;
min-width: 95%;
margin: auto;
padding: 8px;
border: 1px solid #CECECE;
font-size: 14px;
}
.subcategory-card__benchmark-icon {
fill: Red;
}
.subcategory-card__benchmark-item {
display: flex;
align-items: center;
justify-content: flex-start;
@extend .my-3;
}
.subcategory-card__circle {
min-width: 24px;
min-height: 24px;
margin-right: 4px;
height: 26px;
width: 26px;
display: flex;
justify-content: center;
align-items: center;
}
.subcategory-card__benchmark-label {
font-size: 30px;
}
.school-quality-frameworks {
display: grid;
row-gap: map-get($spacers, 4);
column-gap: map-get($spacers, 5);
grid-auto-flow: column;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(4, max-content);
}
.zone-header {
@extend .sub-header-4;
}