thang
/
notes
mirror of https://github.com/thangisme/notes.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

put the font size variables in variables.scss and rename the ones misnamed -mq

This commit is contained in:
Paul DeBruicker 2020-06-28 14:52:15 -07:00
parent 87a59ef8ef
commit d90482d719
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
_sass/support/_variables.scss
View File

@ -10,6 +10,20 @@ $body-line-height: 1.4 !default;
$content-line-height: 1.6 !default;
$body-heading-line-height: 1.25 !default;
// Font size
$font-size-1: 9px;
$font-size-1-sm: 10px;
$font-size-2: 11px; //h4 - uppercased!, h6 not uppercased, text-small
$font-size-3: 12px; //h5
$font-size-4: 15px;
$font-size-5: 16px; //h3
$font-size-6: 18px; //h2
$font-size-7: 24px;
$font-size-8: 32px;//h1
$font-size-9: 36px;
$font-size-10: 42px;
$font-size-10-sm: 48px;
//
// Colors
//

18
_sass/support/mixins/_typography.scss
View File

@ -1,22 +1,8 @@
// Font size
$font-size-1: 9px;
$font-size-1-mq: 10px;
$font-size-2: 11px; //h4 - uppercased!, h6 not uppercased, text-small
$font-size-3: 12px; //h5
$font-size-4: 15px;
$font-size-5: 16px; //h3
$font-size-6: 18px; //h2
$font-size-7: 24px;
$font-size-8: 32px;//h1
$font-size-9: 36px;
$font-size-10: 42px;
$font-size-10-mq: 48px;
@mixin fs-1 {
font-size: $font-size-1 !important;
@include mq(sm) {
font-size: $font-size-1-mq !important;
font-size: $font-size-1-sm !important;
}
}
@ -93,6 +79,6 @@ $font-size-10-mq: 48px;
line-height: $body-heading-line-height;
@include mq(sm) {
font-size: $font-size-10-mq !important;
font-size: $font-size-10-sm !important;
}
}