1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00

Добавил тему "Веспера"

This commit is contained in:
muerwre 2022-08-14 15:19:54 +07:00 committed by GitHub
parent 5d34090238
commit aee4b662d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
148 changed files with 1331 additions and 1338 deletions

View file

@ -1,11 +1,11 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.avatar {
@include outer_shadow;
width: $comment_height;
height: $comment_height;
background-color: transparentize(black, 0.9);
background-color: $content_bg_dark;
flex-shrink: 0;
overflow: hidden;
border-radius: $radius;

View file

@ -1,4 +1,4 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.wrap {
position: absolute;
@ -9,12 +9,6 @@
z-index: 10;
outline: none;
cursor: pointer;
&:hover {
.dot {
background: $secondary;
}
}
}
@keyframes appear {
@ -57,6 +51,6 @@
}
&:hover {
background: $primary;
background: $color_primary;
}
}

View file

@ -1,4 +1,4 @@
@import "src/styles/variables";
@import 'src/styles/variables';
@keyframes spin {
0% {
@ -20,7 +20,7 @@
z-index: 100;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, $dark_blue, $soft_blue, $dark_blue);
background: $global_loader_gradient;
animation: spin infinite 1s linear;
}
@ -34,5 +34,5 @@
transform: translate(-50%, 0);
padding: 2px 10px;
border-radius: 10px;
background: $cyan_gradient;
background: $magic_gradient;
}

View file

@ -1,5 +1,5 @@
@import "src/styles/variables";
@import "src/styles/mixins";
@import 'src/styles/variables';
@import 'src/styles/mixins';
.button {
width: 48px;
@ -14,7 +14,7 @@
}
.dots {
@include blur($content_bg, 5px, 0.7);
@include blur;
padding: 5px 0 0 0;
background: $content_bg;

View file

@ -1,9 +1,9 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.helper {
position: fixed;
bottom: 0;
background: radial-gradient($red, transparent) 50% 24px no-repeat;
background: radial-gradient($color_danger, transparent) 50% 24px no-repeat;
background-size: 100% 48px;
display: none;
width: calc(100% - 20px);