forked from markus/AMPERION_Webpage
87 lines
1.1 KiB
SCSS
87 lines
1.1 KiB
SCSS
// Fonts
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: local('Open Sans'), local('OpenSans'), url('/static/fonts/OpenSans-SemiboldItalic.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans Semibold';
|
|
src: local('Open Sans Semibold'), local('OpenSansSemibold'), url('/static/fonts/OpenSans-Semibold.woff2') format('woff2');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
|
|
|
|
// Using Variables for Font Families
|
|
$font-primary: 'Open Sans', sans-serif;
|
|
$font-secondary: 'Open Sans Semibold', sans-serif;
|
|
|
|
|
|
|
|
body {
|
|
line-height: 1.5;
|
|
font-family: $font-primary;
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: $font-secondary;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 400;
|
|
}
|
|
|
|
h1 {
|
|
font-size: $h1;
|
|
|
|
@include tablet {
|
|
font-size: $h1-md;
|
|
}
|
|
|
|
@include mobile {
|
|
font-size: $h2;
|
|
}
|
|
|
|
@include mobile-xs {
|
|
font-size: $h2-md;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
font-size: $h2;
|
|
|
|
@include mobile {
|
|
font-size: $h2-sm;
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
font-size: $h3;
|
|
}
|
|
|
|
h4 {
|
|
font-size: $h4;
|
|
}
|
|
|
|
p {
|
|
color: darken( $light, 49.41);
|
|
font-size: $font-size;
|
|
font-family: $font-secondary;
|
|
}
|