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

fixed shadows, added author panel

Browse source
This commit is contained in:
Fedor Katurov 2021-09-22 14:18:09 +07:00
parent c1279c538a
commit f2fbca80e1
21 changed files with 209 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/styles/_colors.scss
View file

@ -49,7 +49,9 @@ $text_sign: 22px;
$input_bg_color: darken($content_bg, 2%);
$button_bg_color: $red_gradient;
$comment_bg: lighten($content_bg, 2%);
$inset_bg: linear-gradient(135deg, darken($content_bg, 2%), $content_bg);
$comment_bg: linear-gradient(135deg, $content_bg, lighten($content_bg, 2%));
$panel_bg: transparent;
$node_bg: darken($content_bg, 2%);
$node_image_bg: darken($main_bg_color, 4%);

36
src/styles/variables.scss
View file

@ -88,11 +88,38 @@ $login_dialog_padding: $gap $gap 30px $gap;
$sidebar_border: transparentize(white, 0.95);
@mixin outer_shadow() {
box-shadow: inset transparentize(white, 0.95) 0 1px, transparentize(black, 0.8) -1px -1px;
box-shadow:
inset transparentize(white, 0.95) 1px 1px,
transparentize(black, 0.8) 1px 1px,
transparentize(black, 0.6) 0 1px 5px;
}
@mixin row_shadow() {
&:not(last-child) {
box-shadow:
transparentize(white, 0.95) 0 1px,
inset transparentize(black, 0.8) 0 -1px;
}
&:only-child {
box-shadow: none;
}
}
@mixin inner_shadow() {
box-shadow: inset transparentize(white, 0.95) 0 -1px, inset transparentize(black, 0.5) 0 1px;
box-shadow:
inset transparentize(white, 0.92) -1px -1px,
inset transparentize(black, 0.5) 1px 1px,
inset transparentize(black, 0.7) 0 0 10px;
}
@mixin inner_shadow_active() {
@include inner_shadow;
transition: background-color 250ms;
&:hover {
background: transparentize(white, 0.95);
}
}
@mixin input_shadow() {
@ -232,7 +259,8 @@ $sidebar_border: transparentize(white, 0.95);
}
@mixin lab_shadow {
box-shadow: transparentize(black, 0.5) 0 0 0 1px,
box-shadow:
transparentize(black, 0.5) 0 0 0 1px,
inset transparentize(white, 0.9) 0 1px,
lighten(black, 10%) 0 4px;
lighten(black, 0.1) 0 4px;
}