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

Добавил линии к бэкдропам Весперы

This commit is contained in:
muerwre 2022-08-14 18:18:50 +07:00 committed by GitHub
parent 7638bdd1ad
commit a8ac233140
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 28 additions and 7 deletions

View file

@ -22,7 +22,18 @@
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
background: url('../../../sprites/stripes.svg') $content_bg_backdrop; background: $content_bg_backdrop;
}
&::before {
content: '';
background: url('../../../sprites/stripes.svg');
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
} }
img { img {

View file

@ -29,7 +29,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../../../sprites/stripes.svg) $content_bg_backdrop; background: $content_bg_backdrop;
} }
@include tablet { @include tablet {

View file

@ -1,7 +1,8 @@
@import 'src/styles/variables'; @import 'src/styles/variables';
.stack { .stack {
background: $content_bg_backdrop; @include blur;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
width: auto; width: auto;

View file

@ -122,7 +122,7 @@
@include can_backdrop { @include can_backdrop {
backdrop-filter: blur($radius); backdrop-filter: blur($radius);
-webkit-backdrop-filter: blur($radius); -webkit-backdrop-filter: blur($radius);
background-color: $color; background: $color;
} }
} }

View file

@ -72,7 +72,8 @@ $_ocean: #25b0bc;
--content_bg_success: #{transparentize($_accent, 0.7)}; --content_bg_success: #{transparentize($_accent, 0.7)};
--content_bg_info: #{transparentize($_lemon, 0.7)}; --content_bg_info: #{transparentize($_lemon, 0.7)};
--content_bg_danger: #{transparentize($_red, 0.5)}; --content_bg_danger: #{transparentize($_red, 0.5)};
--content_bg_backdrop: #{transparentize($_cold, 0.2)}; --content_bg_backdrop: 50% 50% / cover no-repeat
url('/images/horizon_bg.svg') #{transparentize($_cold, 0.4)};
// white shades (move to --vars) // white shades (move to --vars)
--white: white; --white: white;
@ -86,7 +87,15 @@ $_ocean: #25b0bc;
$_cold, $_cold,
4% 4%
)} fixed; )} fixed;
--page-background-top: none; --page-background-top: linear-gradient(
--boris-background: linear-gradient(#{$_ocean} -200%, transparent 50%); #{$_accent} -150%,
#{transparentize($_ocean, 0.99)} 100px,
#{transparentize($_ocean, 1)} 200px
);
--boris-background: linear-gradient(
#{$_accent} -150%,
#{transparentize($_ocean, 0.9)} 50px,
#{transparentize($_ocean, 1)} 400px
);
} }
} }