gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): Header and buttons text made smaller (#38110)

Browse Source 
* Front page header and login buttons text made smaller

* Increased headers size a little to all be over 1rem
This commit is contained in:
Mika Laaksonen
2020-02-08 14:58:25 +02:00
committed by GitHub
parent 8cf64f2539
commit f4fbe1d97c
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
client/src/components/layouts/global.css
View File

@ -10,7 +10,7 @@ body {
.btn-cta-big { .btn-cta-big {
max-height: 100%; max-height: 100%;
font-size: 27px; font-size: 1rem;
white-space: normal; white-space: normal;
width: 100%; width: 100%;
} }
@ -28,21 +28,21 @@ h1 {
font-weight: 700; font-weight: 700;
font-size: 1.5rem; font-size: 1.5rem;
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
margin: 1.2rem 0 1.2rem; margin: 0.6rem 0;
} }
h2 { h2 {
color: var(--secondary-color); color: var(--secondary-color);
font-weight: 700; font-weight: 700;
font-size: 1.2rem; font-size: 1.25rem;
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
margin: 1.2rem 0 1.2rem; margin: 0.6rem 0;
} }
h3 { h3 {
color: var(--secondary-color); color: var(--secondary-color);
font-weight: 700; font-weight: 700;
font-size: 1.1rem; font-size: 1.1rem;
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
margin: 0 0 1.2rem; margin: 0 0 0.6rem;
} }
h4, h4,
@ -63,12 +63,12 @@ p {
} }
.big-heading { .big-heading {
font-size: 2.5rem !important; font-size: 1.5rem !important;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.medium-heading { .medium-heading {
font-size: 1.5rem !important; font-size: 1.25rem !important;
font-weight: normal; font-weight: normal;
} }
@ -78,22 +78,22 @@ p {
@media (max-width: 500px) { @media (max-width: 500px) {
.big-heading { .big-heading {
font-size: 1.6rem !important; font-size: 1.2rem !important;
} }
.medium-heading { .medium-heading {
font-size: 1.4rem !important; font-size: 1.1rem !important;
} }
h1 { h1 {
font-size: 1.2rem; font-size: 1.3rem;
} }
h2 { h2 {
font-size: 1.1rem; font-size: 1.2rem;
} }
h3 { h3 {
font-size: 1rem; font-size: 1.1rem;
} }
.btn-cta { .btn-cta {
font-size: 1.2rem; font-size: 1rem;
} }
} }