theme-blog-ewen/assets/scss/_typography.scss

105 lines
1.9 KiB
SCSS
Raw Normal View History

2022-02-22 19:21:32 +00:00
/* typography */
2023-08-02 08:48:05 +00:00
@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;
}
2022-02-22 19:21:32 +00:00
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;
2022-03-31 04:22:55 +00:00
font-weight: 400;
2023-08-02 08:48:05 +00:00
line-height: 0.8!important;
2022-02-22 19:21:32 +00:00
&:not([class^='ti-']) {
font-family: $primary-font;
}
2023-08-02 08:48:05 +00:00
text-decoration: none;
&:hover {
text-decoration: none;
}
2022-02-22 19:21:32 +00:00
}
2022-03-31 04:22:55 +00:00
.section-header {
font-variant: small-caps;
2023-08-02 08:48:05 +00:00
font-family: PanameraRegular, Gen-Light, Tahoma, Geneva, Verdana, sans-serif !important;
font-weight: 500 !important;
2022-03-31 04:22:55 +00:00
}
2023-08-02 08:48:05 +00:00
a {
2022-02-22 19:21:32 +00:00
&.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;
}