105 lines
1.9 KiB
SCSS
105 lines
1.9 KiB
SCSS
/* typography */
|
|
|
|
@font-face {
|
|
font-family: 'KallaikosrevveRegular';
|
|
src: url('/webfonts/KallaikosrevveRegular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'GenLight';
|
|
src: url('/webfonts/Gen-Light.otf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'PanameraLight';
|
|
src: url('/webfonts/Panamera/Panamera-Light.otf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'PanameraRegular';
|
|
src: url('/webfonts/Panamera/Panamera-Regular.otf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'PanameraBold';
|
|
src: url('/webfonts/Panamera/Panamera-Bold.otf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
line-height: 1.4;
|
|
font-family: $primary-font;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-size: 16px;
|
|
color: $text-color;
|
|
}
|
|
|
|
p, .paragraph {
|
|
font-weight: 400;
|
|
color: $text-color;
|
|
font-size: 16px;
|
|
line-height: 1.7;
|
|
font-family: $primary-font;
|
|
}
|
|
|
|
|
|
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
|
color: $text-color-dark;
|
|
font-weight: 400;
|
|
line-height: 0.8!important;
|
|
&:not([class^='ti-']) {
|
|
font-family: $primary-font;
|
|
}
|
|
text-decoration: none;
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.section-header {
|
|
font-variant: small-caps;
|
|
font-family: PanameraRegular, Gen-Light, Tahoma, Geneva, Verdana, sans-serif !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
a {
|
|
&.h1,&.h2,&.h3,&.h4,&.h5,&.h6{
|
|
color: $text-color-dark;
|
|
}
|
|
}
|
|
|
|
h1, .h1{
|
|
font-size: 45px;
|
|
}
|
|
|
|
h2, .h2{
|
|
font-size: 36px;
|
|
}
|
|
|
|
h3, .h3{
|
|
font-size: 28px;
|
|
}
|
|
|
|
h4, .h4{
|
|
font-size: 22px;
|
|
}
|
|
|
|
h5, .h5{
|
|
font-size: 18px;
|
|
}
|
|
|
|
h6, .h6{
|
|
font-size: 16px;
|
|
}
|