144 lines
3.5 KiB
SCSS
144 lines
3.5 KiB
SCSS
// Import custom fonts
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Thin";
|
|
src: url("~@/assets/fonts/Gilroy-Thin.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Regular";
|
|
src: url("~@/assets/fonts/Gilroy-Regular.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Medium";
|
|
src: url("~@/assets/fonts/Gilroy-Medium.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Light";
|
|
src: url("~@/assets/fonts/Gilroy-Light.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Condensed-Light";
|
|
src: url("~@/assets/fonts/Gilroy-Light.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Bold";
|
|
src: url("~@/assets/fonts/Gilroy-Bold.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Black";
|
|
src: url("~@/assets/fonts/Gilroy-Black.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-Italic";
|
|
src: url("~@/assets/fonts/Gilroy-RegularItalic.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-LightItalic";
|
|
src: url("~@/assets/fonts/Gilroy-LightItalic.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-MediumItalic";
|
|
src: url("~@/assets/fonts/Gilroy-MediumItalic.otf") format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Gilroy-BoldItalic";
|
|
src: url("~@/assets/fonts/Gilroy-BoldItalic.otf") format("opentype");
|
|
}
|
|
|
|
// Set font variables
|
|
|
|
$Gilroy-Thin: "Gilroy-Thin", sans-serif !default;
|
|
$Gilroy-Regular: "Gilroy-Regular", sans-serif !default;
|
|
$Gilroy-Medium: "Gilroy-Medium", sans-serif !default;
|
|
$Gilroy-Light: "Gilroy-Light", sans-serif !default;
|
|
$Gilroy-Condensed-Light: "Gilroy-Condensed-Light", sans-serif !default;
|
|
$Gilroy-Bold: "Gilroy-Bold", sans-serif !default;
|
|
$Gilroy-Black: "Gilroy-Black", sans-serif !default;
|
|
$Gilroy-Italic: "Gilroy-Italic", sans-serif !default;
|
|
$Gilroy-LightItalic: "Gilroy-LightItalic", sans-serif !default;
|
|
$Gilroy-MediumItalic: "Gilroy-MediumItalic", sans-serif !default;
|
|
$Gilroy-BoldItalic: "Gilroy-BoldItalic", sans-serif !default;
|
|
|
|
// Replace default body fonts
|
|
|
|
// @import "../../node_modules/vuetify/src/styles/styles.sass";
|
|
// $body-font-family: $Gilroy-Regular;
|
|
// $heading-font-family: $Gilroy-Regular;
|
|
|
|
// @import "~vuetify/src/styles/settings/variables";
|
|
// $body-font-family: $Gilroy-Regular;
|
|
// $heading-font-family: $Gilroy-Regular;
|
|
|
|
// Replace typography fonts
|
|
|
|
.v-application {
|
|
font-family: $Gilroy-Regular !important;
|
|
.display-4,
|
|
.display-3 {
|
|
font-family: $Gilroy-Light !important;
|
|
}
|
|
.display-2,
|
|
.display-1,
|
|
.headline,
|
|
.subtitle-1,
|
|
.body-1,
|
|
.body-2,
|
|
.caption,
|
|
.overline,
|
|
.font-regular,
|
|
.font-weight-regular {
|
|
font-family: $Gilroy-Regular !important;
|
|
}
|
|
.title,
|
|
.subtitle-2,
|
|
.font-weight-medium {
|
|
font-family: $Gilroy-Medium !important;
|
|
}
|
|
.font-weight-light {
|
|
font-family: $Gilroy-Condensed-Light !important;
|
|
}
|
|
.font-weight-thin {
|
|
font-family: $Gilroy-Thin !important;
|
|
}
|
|
.font-weight-bold {
|
|
font-family: $Gilroy-Bold !important;
|
|
}
|
|
.font-weight-black {
|
|
font-family: $Gilroy-Black !important;
|
|
}
|
|
.font-italic {
|
|
font-family: $Gilroy-Italic !important;
|
|
}
|
|
.font-italic.font-weight-light {
|
|
font-family: $Gilroy-LightItalic !important;
|
|
}
|
|
.font-italic.font-weight-medium {
|
|
font-family: $Gilroy-MediumItalic !important;
|
|
}
|
|
.font-italic.font-weight-bold {
|
|
font-family: $Gilroy-BoldItalic !important;
|
|
}
|
|
}
|
|
|
|
$body-font-family: $Gilroy-Regular !important;
|
|
|
|
// Change default font colour
|
|
|
|
$mainColor: #323947;
|
|
|
|
.theme--light.v-application,
|
|
.fontColor,
|
|
.theme--light.v-sheet {
|
|
color: $mainColor !important;
|
|
}
|