1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-28 14:16:41 +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,33 +1,4 @@
@import "src/styles/variables";
@mixin button {
margin: 0 $gap;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
svg {
fill: darken(white, 50%);
transition: fill 0.25s;
}
&:hover {
svg {
fill: $red;
}
}
&::after {
content: ' ';
flex: 0 0 6px;
height: $gap;
width: 6px;
border-radius: 4px;
background: transparentize(black, 0.7);
margin-left: $gap * 2;
}
}
@import 'src/styles/variables';
.wrap {
display: flex;
@ -75,7 +46,7 @@
.name {
font: $font_12_regular;
color: transparentize(white, 0.5);
color: $gray_50;
text-transform: lowercase;
@include tablet {
@ -83,40 +54,11 @@
}
}
.btn {
flex: 1;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
fill: transparentize(white, 0.5);
}
.panel {
flex: 1;
min-width: 0;
}
.mark {
flex: 0 0 32px;
position: relative;
&::after {
content: ' ';
position: absolute;
top: -38px;
right: 4px;
width: 24px;
height: 52px;
background: $main_gradient;
box-shadow: transparentize(black, 0.8) 4px 2px;
border-radius: 2px;
}
}
.sep {
}
@keyframes pulse {
0% {
transform: scale(1);
@ -154,16 +96,16 @@
opacity: 1;
svg {
fill: $red;
fill: $color_like;
}
.like_count {
color: $red;
color: $color_like;
}
}
&:hover {
fill: $red;
fill: $color_like;
animation: pulse 0.75s infinite;
.like_count {
@ -179,11 +121,11 @@
bottom: 0;
opacity: 1;
transition: opacity 0.25s, color 0.25s;
background: $node_bg;
background: $content_bg_dark;
padding: 0 3px;
border-radius: 10px;
z-index: 3;
color: transparentize($color: white, $amount: 0.5);
color: $gray_50;
pointer-events: none;
touch-action: none;
}
@ -198,6 +140,7 @@
}
.button {
color: white;
@include hover_opacity;
color: white;
cursor: pointer;
}