publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-09 13:04:18 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adds download packet to methodology page (Sprint 4 designs) (#578)

Browse source 
* adds responsive download packet

* adds tests and intl
This commit is contained in:
Vim 2021-09-07 10:08:13 -07:00 • committed by GitHub
commit b3f63c29f6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 118 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

54
client/src/components/DownloadPacket/downloadPacket.module.scss Normal file
View file

@ -0,0 +1,54 @@
$primary-color: #112f4e;
.downloadBoxContainer {
color: whitesmoke;
margin: auto;
.downloadBox {
background-color: $primary-color;
border-radius: 6px 6px;
.downloadBoxTextBox {
padding: 25px 25px;
display: flex;
flex-direction: column;
.downloadBoxTitle {
font-weight: bold;
margin-bottom: 10px;
}
.downloadBoxText {
margin-bottom: 20px;
}
.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{
background-color: white;
color: $primary-color;
display: flex;
.downloadPacketText {
padding-top: 4px;
padding-left: 5px;
}
}
}
}
}