scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-08-28 22:12:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

match financial styling to sketch

Browse source
This commit is contained in:
seotts 2020-09-16 17:11:42 -04:00 • committed by Karishma Chadha
parent 6602c93269
commit b00110c025
1 changed files with 39 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/views/annual-report/annual-report.scss
View file

@ -214,7 +214,7 @@ h5 {
.financials-section {
.inner {
max-width: 780px;
padding: 72px 0;
padding: 80px 0;
}
background-color: #575E75;
@ -226,10 +226,14 @@ h5 {
}
h2 {
margin-bottom: 72px;
margin-bottom: 88px;
line-height: 64px;
}
h2, h3 {
text-align: left;
}
hr {
border: 0;
height: 0;
@ -314,7 +318,12 @@ h5 {
}
}
@media #{$medium-and-smaller} {
@media #{$intermediate-and-smaller} {
.inner {
max-width: 620px;
padding: 72px 0;
}
.financials-content {
flex-direction: column-reverse;
text-align: center;
@ -329,17 +338,40 @@ h5 {
}
}
@media #{$medium-and-smaller} {
.inner {
max-width: 460px;
padding: 64px 0;
}
h2 {
margin-bottom: 64px;
}
}
@media #{$small} {
.inner {
max-width: 300px;
}
h2 {
font-size: 2rem;
}
.key-and-money {
flex-direction: column;
h3 {
font-size: 1.75rem;
}
.key {
padding-bottom: 8px;
h2, h3 {
text-align: center;
}
.key-and-money {
flex-direction: column;
.key {
margin-bottom: 4px;
}
}
}
}