mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-23 01:32:15 +00:00
90 lines
1.5 KiB
SCSS
Vendored
90 lines
1.5 KiB
SCSS
Vendored
@import '@assets/vuefilemanager/_mixins';
|
|
@import '@assets/oasis/_variables';
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.main-title {
|
|
@include font-size(62);
|
|
font-weight: 900;
|
|
line-height: 1.1;
|
|
margin-bottom: 20px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.main-title-sm {
|
|
@include font-size(52);
|
|
font-weight: 900;
|
|
line-height: 1.1;
|
|
max-width: 1150px;
|
|
margin-bottom: 20px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.sub-title {
|
|
@include font-size(25);
|
|
font-weight: 600;
|
|
color: $text-secondary;
|
|
}
|
|
|
|
.sub-title-sm {
|
|
@include font-size(23);
|
|
font-weight: 600;
|
|
line-height: 1.6;
|
|
color: $text-secondary;
|
|
max-width: 1150px;
|
|
}
|
|
|
|
.theme-button {
|
|
display: inline-block;
|
|
@include font-size(22);
|
|
background: $gradient-theme;
|
|
border-radius: 50px;
|
|
color: white;
|
|
padding: 18px 42px;
|
|
font-weight: 700;
|
|
box-shadow: 0 8px 24px -12px #800DF2;
|
|
@include transition(150ms);
|
|
|
|
&:hover {
|
|
@include transform(scale(1.03));
|
|
}
|
|
|
|
&:active {
|
|
@include transform(scale(0.97));
|
|
}
|
|
}
|
|
|
|
.base-button {
|
|
padding: 16px 30px;
|
|
box-shadow: 0 8px 24px -12px #800DF250;
|
|
border-radius: 50px;
|
|
@include font-size(17);
|
|
@include transition(150ms);
|
|
background: white;
|
|
display: inline-block;
|
|
font-weight: 800;
|
|
color: $theme;
|
|
appearance: none;
|
|
outline: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background: $theme;
|
|
color: white;
|
|
}
|
|
|
|
&:active {
|
|
@include transform(scale(0.97));
|
|
}
|
|
}
|
|
|
|
.info-title {
|
|
@include font-size(24);
|
|
color: white;
|
|
font-weight: 800;
|
|
margin-bottom: 17px;
|
|
display: block;
|
|
} |