@ -69,11 +69,22 @@ $fa-font-path: 'fonts/fontawesome';
$font-family : Euclid , Roboto , Helvetica , Arial , sans-serif ;
$font-family : Euclid , Roboto , Helvetica , Arial , sans-serif ;
$font-size-h1 : 2 .5 rem ;
$font-size-h2 : 2 rem ;
$font-size-h3 : 1 .5 rem ;
$font-size-h4 : 1 .125 rem ;
$font-size-h5 : 1 rem ;
$font-size-h6 : 0 .875 rem ;
$font-size-paragraph : 1 rem ;
$font-size-h7 : 0 .75 rem ;
$font-size-h8 : 0 .625 rem ;
$font-size-h9 : 0 .5 rem ;
/ / Typography
/ / Typography
@mixin H1 {
@mixin H1 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 2 .5 rem ;
font-size : $font-size-h1 ;
font-family : $font-family ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@ -82,7 +93,7 @@ $font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
@mixin H2 {
@mixin H2 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 2 rem ;
font-size : $font-size-h2 ;
font-family : $font-family ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@ -90,7 +101,7 @@ $font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
@mixin H3 {
@mixin H3 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 1 .5 rem ;
font-size : $font-size-h3 ;
font-family : $font-family ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@ -98,7 +109,7 @@ $font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
@mixin H4 {
@mixin H4 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 1 .125 rem ;
font-size : $font-size-h4 ;
font-family : $font-family ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@ -106,46 +117,41 @@ $font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
@mixin H5 {
@mixin H5 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 1 rem ;
font-size : $font-size-h5 ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@mixin H6 {
@mixin H6 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 0 .875 rem ; / / 14px @ default
font-size : $font-size-h6 ; / / 14px @ default
line-height : 140 % ;
line-height : 140 % ;
}
}
@mixin Paragraph {
@mixin Paragraph {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 1 rem ;
font-size : $font-size-paragraph ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@mixin H7 {
@mixin H7 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 0 .75 rem ;
font-size : $font-size-h7 ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@mixin H8 {
@mixin H8 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 0 .625 rem ;
font-size : $font-size-h8 ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}
@mixin H9 {
@mixin H9 {
font-style : normal ;
font-style : normal ;
font-weight : normal ;
font-weight : normal ;
font-size : 0 .5 rem ;
font-size : $font-size-h9 ;
font-family : $font-family ;
line-height : 140 % ;
line-height : 140 % ;
}
}