fontsface

This commit is contained in:
2021-03-30 23:38:39 +02:00
parent 2b66375680
commit 9466b09c0f
33 changed files with 874 additions and 212 deletions
@@ -3,12 +3,12 @@ $core-font-size: 1rem !default;
$core-line-height: 1.7 !default;
// Heading Sizes
$h1-font-size: $core-font-size + 2.20 !default;
$h2-font-size: $core-font-size + 1.50 !default;
$h3-font-size: $core-font-size + 1.10 !default;
$h4-font-size: $core-font-size + 0.75 !default;
$h5-font-size: $core-font-size + 0.35 !default;
$h6-font-size: $core-font-size - 0.15 !default;
$h1-font-size: $core-font-size + 2.0 !default;
$h2-font-size: $core-font-size + 1.30 !default;
$h3-font-size: $core-font-size + 1.0 !default;
$h4-font-size: $core-font-size + 0.65 !default;
$h5-font-size: $core-font-size + 0.25 !default;
$h6-font-size: $core-font-size - 0.10 !default;
// Spacing
$leading-margin: $core-line-height * 1rem !default;
$leading-margin: $core-line-height * 1em !default;
@@ -1,7 +1,7 @@
// Font Family
$font-family-default: "Sarabun Regular", sans-serif;
$font-family-header: "Sarabun ExtraBold", sans-serif;
$font-family-chapeau: "Sarabun Light", sans-serif;
$font-family-default: "Sarabun", sans-serif;
$font-family-header: "Sarabun", sans-serif;
$font-family-chapeau: "Sarabun", sans-serif;
$font-family-mono: "Inconsolata", monospace;
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
@@ -4,9 +4,14 @@ $footer-height: 6rem;
$border-radius: 3px;
// Font Weights
$font-weight-bold: 600;
$font-weight-extrabold: 800;
$font-weight-bold: 700;
$font-weight-semibold: 600;
$font-weight-medium: 500;
$font-weight-regular: 400;
$font-weight-light:300;
$font-weight-extralight:200;
$font-weight-thin:100;
// Global Paddings
$padding-horiz: 7rem;
@@ -11,6 +11,12 @@ $dropdown-color: #f6f6f6;
background-color: white;
box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
#logo img {
display: flex;
flex-direction: row;
flex-flow: row;
max-height: $header-height;
}
// scroll based changes
&.scrolled {
@@ -24,6 +30,8 @@ $dropdown-color: #f6f6f6;
font-size: 1.6rem !important;
}
#logo a, #navbar span {
color: $black !important;
}
@@ -68,7 +76,7 @@ $dropdown-color: #f6f6f6;
}
#navbar {
font-size: $core-font-size - 0.1rem;
font-size: $core-font-size + 0.4rem;
/* Child Indicator */
.has-children {
@@ -7,7 +7,7 @@ html, body, button, input, select, textarea, .pure-g, .pure-g [class *= "pure-u"
// Headings
h1 {
font-family: $font-family-header;
font-weight: 400;
font-weight: 800;
text-rendering: optimizeLegibility;
letter-spacing: -0px;
}
@@ -47,7 +47,7 @@ h3 {
h4 {
font-family: $font-family-default;
font-weight: bold;
font-weight: 800;
@include breakpoint(tablet-range) {
font-size: $h4-font-size - .40;
}
@@ -70,20 +70,20 @@ h3 {
letter-spacing: -0px;
}
// h1 + h2 {
// margin: -2rem 0 2rem 0;
// font-size: 2rem;
// @include breakpoint(tablet-range) {
// font-size: 1.6rem;
// }
// @include breakpoint(mobile-only) {
// font-size: 1.5rem;
// }
// line-height: 1;
// text-align: center;
// font-family: $font-family-default;
// font-weight: 300;
// }
h1 + h2 {
margin: -2rem 0 2rem 0;
font-size: 2rem;
@include breakpoint(tablet-range) {
font-size: 1.6rem;
}
@include breakpoint(mobile-only) {
font-size: 1.5rem;
}
line-height: 1;
text-align: center;
font-family: $font-family-default;
font-weight: 300;
}
h2 + h3 {
margin: 0.5rem 0 2rem 0;
@@ -101,7 +101,7 @@ h2 + h3 {
}
p {
font-size: 19px;
font-size: $core-font-size;
}