mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-25 16:11:39 -07:00
24bac56d9e* Add first column of Methodology score L - create a new component MethodologyFormula (MF) - MF component contain text on formula calculation - add snapshots * Add 2nd column to Methodology page - add LowIncome component - add USWDS styles on download component - add margin-top styles to global - enable all font-sizes to theme file * Add Categories to Methodology page - create CategoryCard component - create Categories component - add snapshots * Update datasets - update styling to match mock - add additional indicators - remove additional indicators - update snapshots * Add links to categories to datasets - update snapshots * Remove additional indicator test as they now N/A * ensure each DOM ID is unique for a11y - update snapshots * Add Category heading for a11y - removes ScoreSteps tests - comment out ScoreStep component - update snapshots - cypress passes all a11y * Update to methodology copy - based on PDF and spreadsheet and Living Copy -updates snapshots * Add comments around using IF, AND, ELSE constants - make indicator constant names more explicit * Update copy based on living doc - update snapshots
52 lines
829 B
SCSS
52 lines
829 B
SCSS
@use '../../styles/design-system.scss' as *;
|
|
@import '../utils.scss';
|
|
|
|
@mixin baseCard {
|
|
padding: 2.7rem 3rem 3rem 3rem;
|
|
margin-bottom: 3rem;
|
|
max-width: 34rem;
|
|
}
|
|
|
|
.datasetCard {
|
|
@include baseCard;
|
|
@include u-bg("gray-3");
|
|
}
|
|
|
|
.datasetCardAdditional {
|
|
@include baseCard;
|
|
background-color: $additionalCardsBGColor;
|
|
}
|
|
|
|
.datasetCardIndicator {
|
|
margin-top: 0;
|
|
font-size: x-large;
|
|
margin-bottom: 0.8rem;
|
|
}
|
|
|
|
.datasetCardWhatIsIt {
|
|
margin-bottom: 0;
|
|
font-size: large;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.datasetCardList {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
margin-top: 1.6rem;
|
|
}
|
|
|
|
.datasetCardListItem {
|
|
margin-bottom: 0.4rem;
|
|
font-size: large;
|
|
}
|
|
|
|
.datasetCardDescription {
|
|
font-size: large;
|
|
padding-top: 0.3rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
.datasetCardLabels {
|
|
font-size: large;
|
|
font-weight: bolder;
|
|
}
|