436 lines
9.5 KiB
SCSS
436 lines
9.5 KiB
SCSS
.mdi:before,.mdi-set {
|
|
display: inline-block;
|
|
font: normal normal normal 24px/1 "Material Design Icons";
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
line-height: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
@import './custom_functions.scss';
|
|
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
|
|
|
|
@font-face {
|
|
font-family: 'Whyte-Regular';
|
|
src: url('../assets/font/Whyte-Regular.woff2') format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Whyte-Book';
|
|
src: url('../assets/font/Whyte-Book.woff2') format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
.v-application {
|
|
.h1,
|
|
.h2,
|
|
.h3,
|
|
.h4,
|
|
.whyte-regular-font {
|
|
font-family: 'Whyte-Regular', sans-serif;
|
|
}
|
|
.whyte-book-font {
|
|
font-family: 'Whyte-Book', sans-serif;
|
|
}
|
|
.body {
|
|
font-family: 'Whyte-Regular', sans-serif;
|
|
}
|
|
.body-font {
|
|
font-family: 'Whyte-Book', sans-serif;
|
|
}
|
|
.body-font1 {
|
|
font-family: 'PT Serif', serif;
|
|
}
|
|
.regular-font {
|
|
font-family: 'Whyte-Regular', sans-serif;
|
|
}
|
|
.whyteTmin10-font {
|
|
font-family: 'WhyteTmin10', sans-serif;
|
|
}
|
|
.whyteBookTmin10-font {
|
|
font-family: 'WhyteBookTmin10', sans-serif;
|
|
}
|
|
.ls-n01 {
|
|
letter-spacing: -0.1px;
|
|
}
|
|
.ls-n03 {
|
|
letter-spacing: -0.03px;
|
|
}
|
|
.ls-n009 {
|
|
letter-spacing: -0.09px;
|
|
}
|
|
// .ls-n10 {
|
|
// letter-spacing: -1px !important;
|
|
// }
|
|
.ls-n008 {
|
|
letter-spacing: -0.08px;
|
|
}
|
|
.ls-0 {
|
|
letter-spacing: 0px;
|
|
}
|
|
.ls-n012 {
|
|
letter-spacing: -0.12px;
|
|
}
|
|
.ls-n015 {
|
|
letter-spacing: -0.15px;
|
|
}
|
|
.ls-n028 {
|
|
letter-spacing: -0.28px;
|
|
}
|
|
.ls-n016 {
|
|
letter-spacing: -0.16px;
|
|
}
|
|
.ls-n029 {
|
|
letter-spacing: -0.29px;
|
|
}
|
|
.primary-focus-button:hover,
|
|
.primary-focus-button:active,
|
|
.primary-focus-button:focus {
|
|
color: #fff !important;
|
|
background-color: #2850DA !important;
|
|
}
|
|
.primary-focus:hover,
|
|
.primary-focus:active,
|
|
.primary-focus:focus {
|
|
color: #2850DA !important;
|
|
}
|
|
.title-color-black {
|
|
color: #000000;
|
|
}
|
|
.transparent-background {
|
|
background: transparent !important;
|
|
}
|
|
.fontcolor-black-darken {
|
|
color: #1D1D1D!important;
|
|
}
|
|
.fontcolor-black-light {
|
|
color: #333333;
|
|
}
|
|
.fontcolor-grey-darken {
|
|
color: #666666;
|
|
}
|
|
.fontcolor-grey-shade8b {
|
|
color: #8b8b8b;
|
|
}
|
|
.fontcolor-mauve {
|
|
color: #E5DBFE;
|
|
}
|
|
.fontcolor-mauve-CCB7FF {
|
|
color: #CCB7FF;
|
|
}
|
|
.background-mauve-CCB7FF {
|
|
background-color: #CCB7FF;
|
|
}
|
|
.fontcolor-monarch {
|
|
color: #EB7525;
|
|
}
|
|
.fontcolor-lapis {
|
|
color: #2E5D86;
|
|
}
|
|
.fontcolor-bordeaux {
|
|
color: #C53C44;
|
|
}
|
|
.fontcolor-ecru {
|
|
color: #F5F3F2;
|
|
}
|
|
.fontcolor-404040 {
|
|
color: #404040;
|
|
}
|
|
.fontcolor-cloud {
|
|
color: #CEE4F2;
|
|
}
|
|
.background-ecru {
|
|
background-color: #F5F3F2;
|
|
}
|
|
.background-bordeaux {
|
|
background-color: #C53C44;
|
|
}
|
|
.background-lapis {
|
|
background-color: #2E5D86;
|
|
}
|
|
.background-mauve {
|
|
background-color: #E5DBFE;
|
|
}
|
|
.background-monarch {
|
|
background-color: #EB7525;
|
|
}
|
|
.background-cloud {
|
|
background-color: #CEE4F2;
|
|
}
|
|
|
|
.fontsize-10 {
|
|
font-size: 0.625rem;
|
|
}
|
|
.fontsize-12 {
|
|
font-size: 0.75rem;
|
|
}
|
|
.fontsize-28 {
|
|
font-size: 1.75rem;
|
|
}
|
|
.fontsize-14 {
|
|
font-size: 0.875rem;
|
|
}
|
|
.fontsize-15 {
|
|
font-size: 0.970rem;
|
|
}
|
|
.fontsize-16 {
|
|
font-size: 1rem !important;
|
|
}
|
|
.fontsize-18 {
|
|
font-size: 1.125rem;
|
|
}
|
|
.fontsize-16pt {
|
|
font-size: 1.375rem;
|
|
}
|
|
.fontsize-50 {
|
|
font-size: 3.125rem;
|
|
}
|
|
.fontsize-70 {
|
|
font-size: 4.375rem;
|
|
}
|
|
.font-weight-400 {
|
|
font-weight: 400;
|
|
}
|
|
.font-weight-300 {
|
|
font-weight: 300;
|
|
}
|
|
.line-height-18 {
|
|
line-height: 1.125rem !important;
|
|
}
|
|
.line-height-18pt {
|
|
line-height: 1.5rem !important;
|
|
}
|
|
.line-height-20 {
|
|
line-height: 1.25rem !important;
|
|
}
|
|
.line-height-21 {
|
|
line-height: 1.3125rem !important;
|
|
}
|
|
.line-height-22 {
|
|
line-height: 1.375rem !important;
|
|
}
|
|
.line-height-36 {
|
|
line-height: 2.25rem !important;
|
|
}
|
|
.line-height-33 {
|
|
line-height: 2.0625rem !important;
|
|
}
|
|
.line-height-46 {
|
|
line-height: 2.875rem !important;
|
|
}
|
|
.line-height-54 {
|
|
line-height: 3.375rem !important;
|
|
}
|
|
.text-decoration-none {
|
|
text-decoration: none;
|
|
}
|
|
.word-break {
|
|
word-break: break-word!important;
|
|
overflow-wrap: break-word!important;
|
|
}
|
|
.content-link-hover-color {
|
|
color: #CCB7FF !important;
|
|
}
|
|
// custom css for vue-tel-input
|
|
.phonenumber-input-error-border {
|
|
&.vue-tel-input,
|
|
&.vue-tel-input:focus,
|
|
&.vue-tel-input:focus-within,
|
|
&.vue-tel-input:active {
|
|
border: 2px solid red !important;
|
|
border-radius: 4px !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
}
|
|
.phonenumber-custom-input .vti__input {
|
|
height: 40px!important;
|
|
}
|
|
.phonenumber-custom-input.vue-tel-input {
|
|
border-radius: 4px !important;
|
|
border: thin solid rgba(0, 0, 0, 0.42) !important;
|
|
}
|
|
.phonenumber-custom-input {
|
|
&,
|
|
&:focus,
|
|
&:active,
|
|
&:focus-within {
|
|
border: 2px solid #2c05da !important;
|
|
}
|
|
}
|
|
.phonenumber-custom-input.vue-tel-input:focus-within {
|
|
box-shadow: unset !important;
|
|
}
|
|
.phonenumber-custom-input .vti__dropdown {
|
|
&:focus,
|
|
&:active,
|
|
&:focus-within {
|
|
border: unset !important;
|
|
outline: unset !important;
|
|
}
|
|
}
|
|
.opacity-1 {
|
|
opacity: 1;
|
|
}
|
|
.height-100 {
|
|
height: 100vh;
|
|
}
|
|
.height-130px{
|
|
height: 130px;
|
|
}
|
|
|
|
// end vue-tel-input css end
|
|
@include mq(xs) {
|
|
.h1 {
|
|
font-size: 2rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
.h2 {
|
|
font-size: 1.625rem;
|
|
line-height: 1.875rem;
|
|
}
|
|
.h3 {
|
|
font-size: 1.375rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.h4 {
|
|
font-size: 1.125rem;
|
|
line-height: 1.375rem;
|
|
}
|
|
.body {
|
|
font-size: 1rem!important;
|
|
line-height: 1.5rem!important
|
|
}
|
|
.v-btn--outlined {
|
|
border: 1px solid !important;
|
|
}
|
|
.textfield-border.v-text-field>.v-input__control>.v-input__slot:before {
|
|
border-width: 1px 0 0 0 !important;
|
|
}
|
|
}
|
|
@include mq(sm) {
|
|
.h1 {
|
|
font-size: 2rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
.h2 {
|
|
font-size: 1.625rem;
|
|
line-height: 1.875rem;
|
|
}
|
|
.h3 {
|
|
font-size: 1.375rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.h4 {
|
|
font-size: 1.125rem;
|
|
line-height: 1.375rem;
|
|
}
|
|
.body {
|
|
font-size: 1rem!important;
|
|
line-height: 1.5rem!important
|
|
}
|
|
.v-btn--outlined {
|
|
border: thin solid !important;
|
|
}
|
|
.textfield-border.v-text-field>.v-input__control>.v-input__slot:before {
|
|
border-width: thin 0 0 0 !important;
|
|
}
|
|
}
|
|
@include mq(md) {
|
|
.h1 {
|
|
font-size: 2.5rem;
|
|
line-height: 2.875rem;
|
|
}
|
|
.h2 {
|
|
font-size: 2rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
.h3 {
|
|
font-size: 1.5rem;
|
|
line-height: 1.75rem;
|
|
}
|
|
.h4 {
|
|
font-size: 1.125rem;
|
|
line-height: 1.375rem;
|
|
}
|
|
.body {
|
|
font-size: 1rem!important;
|
|
line-height: 1.5rem!important
|
|
}
|
|
}
|
|
@include mq(lg) {
|
|
.h1 {
|
|
font-size: 3rem;
|
|
line-height: 3.375rem;
|
|
}
|
|
.h2 {
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
}
|
|
.h3 {
|
|
font-size: 1.75rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
.h4 {
|
|
font-size: 1.125rem;
|
|
line-height: 1.375rem;
|
|
}
|
|
.body {
|
|
font-size: 1rem!important;
|
|
line-height: 1.5rem!important
|
|
}
|
|
}
|
|
@include mq(xl) {
|
|
.h1 {
|
|
font-size: 3rem;
|
|
line-height: 3.375rem;
|
|
}
|
|
.h2 {
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
}
|
|
.h3 {
|
|
font-size: 1.75rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
.h4 {
|
|
font-size: 1.125rem;
|
|
line-height: 1.375rem;
|
|
}
|
|
.body {
|
|
font-size: 1rem!important;
|
|
line-height: 1.5rem!important
|
|
}
|
|
}
|
|
@supports (-webkit-overflow-scrolling: touch) {
|
|
/* CSS specific to iOS devices */
|
|
.ios-fill-height {
|
|
height: -webkit-fill-available;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button-background.v-btn:before {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
* {
|
|
text-transform: none !important;
|
|
}
|
|
|
|
.p-absolute {
|
|
position: absolute!important;
|
|
}
|
|
|
|
// .v-application{
|
|
// font-family: 'Whyte-Regular'!important;
|
|
// } |