fontsface
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user