68 lines
1.1 KiB
SCSS
68 lines
1.1 KiB
SCSS
/* typography */
|
|
|
|
// TODO To be served locally later
|
|
@import url('https://fontlibrary.org//face/gen-light');
|
|
@import url('https://fontlibrary.org//face/kallaikos-revve-kallaikosrevve');
|
|
|
|
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: 1.3 !important;
|
|
&:not([class^='ti-']) {
|
|
font-family: $primary-font;
|
|
}
|
|
}
|
|
|
|
.section-header {
|
|
font-variant: small-caps;
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
|
|
font-weight: 600 !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;
|
|
}
|