novoland-developer-networks/OfficialSite
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make global font-size relative to $font-size

Browse Source
This commit is contained in:
Deven Caron
2020-10-26 15:27:30 -04:00
parent a3001fe3b1
commit 55dc6c029c
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/styles/elements/_page.scss
View File

@@ -18,15 +18,15 @@ html {
-moz-osx-font-smoothing: grayscale;
@media (max-width: $to-small) {
font-size: 12px;
font-size: $font-size - 2px;
}
@media (min-width: $from-small) and (max-width: $to-medium) {
font-size: 13px;
font-size: $font-size - 2px;
}
@media (min-width: $from-medium) and (max-width: $to-large) {
font-size: 14px;
font-size: $font-size - 1px;
}
@media (min-width: $from-large) and (max-width: $to-huge) {
@@ -34,15 +34,15 @@ html {
}
@media (min-width: $from-huge) and (max-width: $to-gigantic) {
font-size: 18px;
font-size: $font-size + 1px;
}
@media (min-width: $from-gigantic) and (max-width: $to-colossal) {
font-size: 21px;
font-size: $font-size + 2px;
}
@media (min-width: $from-colossal) {
font-size: 24px;
font-size: $font-size + 4px;
}
&.is-loading {