73 lines
1.5 KiB
SCSS
73 lines
1.5 KiB
SCSS
//all other custom scss files or css should be added here
|
|
@use 'core/variables' as *;
|
|
@use 'core/mixins' as *;
|
|
|
|
// Fonts
|
|
@font-face {
|
|
font-family: "BarlowSemiCondensed";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local("Barlow SemiCondensed Bold"), local("BarlowBarlowSemiCondensed-Bold"),
|
|
url(../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local("Barlow Bold"), local("Barlow-Bold"),
|
|
url(../fonts/Barlow/Barlow-Bold.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: local("Barlow Semibold"), local("Barlow-Semibold"),
|
|
url(../fonts/Barlow/Barlow-Semibold.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: local("Barlow Medium"), local("Barlow-Medium"),
|
|
url(../fonts/Barlow/Barlow-Medium.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local("Barlow Regular"), local("Barlow-Regular"),
|
|
url(../fonts/Barlow/Barlow-Regular.ttf) format("opentype");
|
|
}
|
|
|
|
$font-family-sans-serif: 'Barlow';
|
|
$blue: #374493;
|
|
|
|
|
|
html {
|
|
font-size: min(max(1rem, 4vw), 16px);
|
|
color: $color-primary;
|
|
}
|
|
|
|
body {
|
|
padding: 0 2rem;
|
|
|
|
header,
|
|
footer {
|
|
margin-left: -2rem;
|
|
margin-right: -2rem;
|
|
|
|
@include mobile {
|
|
margin-left: -1rem;
|
|
margin-right: -1rem;
|
|
}
|
|
}
|
|
|
|
@include mobile {
|
|
padding: 0 1rem;
|
|
}
|
|
}
|