mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-09-03 13:12:15 -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
60 lines
No EOL
1.3 KiB
SCSS
60 lines
No EOL
1.3 KiB
SCSS
@use '../../styles/design-system.scss' as *;
|
|
|
|
.downloadBoxContainer {
|
|
|
|
color: whitesmoke;
|
|
margin: auto;
|
|
|
|
.downloadBox {
|
|
@include u-bg('blue-80v');
|
|
border-radius: 6px 6px;
|
|
|
|
.downloadBoxTextBox {
|
|
padding: 25px 25px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.downloadBoxTitle {
|
|
@include typeset('sans', 'xs', 3);
|
|
@include u-text('semibold');
|
|
@include u-margin-bottom(2);
|
|
}
|
|
|
|
.downloadBoxText {
|
|
@include typeset('sans', 'xs', 3);
|
|
@include u-margin-bottom(4);
|
|
|
|
span {
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
.downloadBoxButtonContainer {
|
|
margin-top: 20px 0 0 0;
|
|
align-self: center;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
img {
|
|
// This should be a global css-filter value as it's generated
|
|
// from the primary color.
|
|
filter: invert(15%) sepia(9%) saturate(5666%) hue-rotate(175deg) brightness(96%) contrast(95%);
|
|
}
|
|
}
|
|
|
|
.downloadBoxButton{
|
|
@include u-bg('white');
|
|
@include u-color('blue-80v');
|
|
display: flex;
|
|
|
|
.downloadPacketText {
|
|
padding-top: 4px;
|
|
padding-left: 5px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
} |