muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

14
src/components/comment/CommentAvatar/styles.module.scss
View file

@ -1,16 +1,20 @@
@import "src/styles/variables.scss";
@import 'src/styles/variables.scss';
@keyframes appear {
0% { opacity: 0 }
100% { opacity: 1 }
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.popper {
@include outer_shadow;
background-color: darken($content_bg, 4%);
background-color: $content_bg_darker;
padding: $gap;
box-sizing:border-box;
box-sizing: border-box;
touch-action: none;
pointer-events: none;
border-radius: $radius;

16
src/components/comment/CommentContent/styles.module.scss
View file

@ -1,5 +1,5 @@
@import "src/styles/variables";
@import "~flexbin/flexbin";
@import 'src/styles/variables';
@import '~flexbin/flexbin';
.wrap {
@include row_shadow;
@ -23,7 +23,7 @@
touch-action: none;
transition: opacity 0.25s, transform 0.25s;
cursor: pointer;
background: $red;
background: $color_danger;
z-index: 2;
& > div {
@ -46,7 +46,7 @@
border-radius: 0 0 0 $radius;
opacity: 1;
transform: translate(0, 0);
background: transparentize($red, $amount: 0.5);
background: $content_bg_danger;
}
}
@ -93,9 +93,9 @@
padding-bottom: 0 !important;
.date {
background: transparentize($color: $content_bg, $amount: 0.2);
background: $content_bg;
border-radius: $radius 0 $radius 0;
color: transparentize(white, 0.2);
color: $gray_25;
}
}
@ -108,10 +108,10 @@
bottom: 1px;
right: 0;
font: $font_12_regular;
color: transparentize($color: white, $amount: 0.8);
color: $gray_75;
padding: 0 6px 2px;
z-index: 2;
background: $comment_bg;
background: $content_bg_light;
border-radius: 4px;
pointer-events: none;
touch-action: none;

4
src/components/comment/CommentDistance/styles.module.scss
View file

@ -1,8 +1,8 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.bar {
font: $font_12_regular;
color: darken(white, 60%);
color: $gray_50;
user-select: none;
width: 100%;
text-align: center;

4
src/components/comment/CommentEmbedBlock/styles.module.scss
View file

@ -1,4 +1,4 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.embed {
padding: 0 $gap;
@ -43,7 +43,7 @@
left: 0;
width: 100%;
height: 100%;
background: transparentize($content_bg, 0.15) 50% 50%;
background: $content_bg_backdrop 50% 50%;
background-size: cover;
z-index: 15;
border-radius: $radius;

6
src/components/comment/CommentForm/styles.module.scss
View file

@ -1,4 +1,4 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.wrap {
display: flex;
@ -21,7 +21,7 @@
position: relative;
z-index: 1;
display: flex;
background: transparentize(black, 0.8);
background: $content_bg_dark;
border-radius: 0 0 $radius $radius;
flex-wrap: wrap;
padding: $gap * 0.25;
@ -49,7 +49,7 @@
position: absolute;
bottom: 0;
left: 50%;
background: $red;
background: $color_danger;
z-index: 10;
font: $font_12_regular;
box-sizing: border-box;

10
src/components/comment/CommentMenu/styles.module.scss
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;
}
}

6
src/components/comment/CommentTextBlock/styles.module.scss
View file

@ -1,4 +1,4 @@
@import "src/styles/variables";
@import 'src/styles/variables';
.text {
padding: 0 $gap;
@ -26,12 +26,12 @@
}
:global(.green) {
color: $wisegreen;
color: $color_primary;
}
& > :last-child::after {
display: inline-block;
content: " ";
content: ' ';
height: 1em;
width: 120px;
flex: 0 0 120px;