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%;
top: 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 {

View file

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

View file

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

View file

@ -122,7 +122,7 @@
@include can_backdrop {
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_info: #{transparentize($_lemon, 0.7)};
--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: white;
@ -86,7 +87,15 @@ $_ocean: #25b0bc;
$_cold,
4%
)} fixed;
--page-background-top: none;
--boris-background: linear-gradient(#{$_ocean} -200%, transparent 50%);
--page-background-top: linear-gradient(
#{$_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
);
}
}