Adds dataset cards to Methodology page (#442)

* intial cards for methodology page

* PR and QA feedback
- adds alert above dataset section
- adds intl
- removes nbsp
- creates directory structure for new components

* revert noUsedLocals flag

* fixed path error

* re-creates scss file to test build failure

* renaming file to troubleshoot build error

* links open in new tabs and removes console.log

* removes units on all scss value that equal 0

* resolving merge conflicts from header merge

* updates snapshots from conflict resolution
This commit is contained in:
Vim 2021-08-02 08:49:49 -07:00 committed by GitHub
commit 51f7666062
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 688 additions and 36 deletions

View file

@ -0,0 +1,34 @@
@import "../utils.scss";
$headingFontColor: #122e51;
.datasetContainer {
background-color: #eef6fb;
}
.datasetContainerHeader {
font-size: 1.8rem;
margin-bottom: 0.4rem;
color: $headingFontColor;
}
.datasetContainerSubTitle {
width: 50%;
line-height: 1.7rem;
margin-top: 0;
margin-bottom: 1.4rem;
color: $headingFontColor;
@media screen and (max-width: 700px) {
width: 90%;
}
}
.datasetCardsContainer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.j40AlertContainer {
background-color: #faf3d1;
}