You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.2 KiB
106 lines
2.2 KiB
// Ref: https://github.com/nuxt-community/vuetify-module#customvariables
|
|
//
|
|
// The variables you want to modify
|
|
// $font-size-root: 20px;
|
|
|
|
$font-family: "DM Sans";
|
|
$body-font-family: "DM Sans";
|
|
$heading-font-family: "DM Sans";
|
|
|
|
$primary-orange: #ee9546;
|
|
$primary-light-orange: #f5cda8;
|
|
$alert-red: #ef5a5a;
|
|
$alert-light-red: #e99e9e;
|
|
|
|
$Neutrals-600: #232323;
|
|
$Neutrals-500: #504f4f;
|
|
$Neutrals-400: #9c9c9c;
|
|
$Neutrals-300: #cecece;
|
|
$Neutrals-200: #e5e5e5;
|
|
$Neutrals-100: #f8f8f8;
|
|
$Neutrals-0: #fefefe;
|
|
|
|
.v-application {
|
|
font-family: $body-font-family !important;
|
|
letter-spacing: 0.02em !important;
|
|
.title {
|
|
// To pin point specific classes of some components
|
|
font-family: $body-font-family, sans-serif !important;
|
|
}
|
|
.text-h1 {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.text-h2 {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.text-h3 {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.text-h4 {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.text-h5 {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.text-h6 {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.body-1 {
|
|
font-size: 24px !important;
|
|
font-weight: 500;
|
|
line-height: 31px;
|
|
color: $Neutrals-500;
|
|
}
|
|
.body-2 {
|
|
font-size: 18px !important;
|
|
font-weight: 500;
|
|
line-height: 23px;
|
|
color: $Neutrals-500;
|
|
}
|
|
.body-3 {
|
|
font-size: 16px !important;
|
|
font-weight: 500;
|
|
line-height: 21px;
|
|
color: $Neutrals-500;
|
|
}
|
|
.body-4 {
|
|
font-size: 14px !important;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
color: $Neutrals-500;
|
|
}
|
|
.body-5 {
|
|
font-size: 12px !important;
|
|
font-weight: 500;
|
|
line-height: 16px;
|
|
color: $Neutrals-500;
|
|
}
|
|
.caption {
|
|
font-family: $body-font-family !important;
|
|
}
|
|
.logo-title {
|
|
font-family: "Damion" !important;
|
|
}
|
|
.v-btn__content {
|
|
font-family: "DM Sans" !important;
|
|
}
|
|
.tablet .container {
|
|
max-width: 100% !important;
|
|
}
|
|
.phone .container {
|
|
max-width: 100% !important;
|
|
}
|
|
.remove-upper {
|
|
text-transform: none !important;
|
|
}
|
|
.v-navigation-drawer--temporary {
|
|
z-index: 10001;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 3px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background-color: #e5e5e5;
|
|
}
|
|
}
|