mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-24 20:36:40 +07:00
Добавил линии к бэкдропам Весперы
This commit is contained in:
parent
7638bdd1ad
commit
a8ac233140
5 changed files with 28 additions and 7 deletions
|
@ -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 {
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../../../sprites/stripes.svg) $content_bg_backdrop;
|
||||
background: $content_bg_backdrop;
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
@import 'src/styles/variables';
|
||||
|
||||
.stack {
|
||||
background: $content_bg_backdrop;
|
||||
@include blur;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
width: auto;
|
||||
|
|
|
@ -122,7 +122,7 @@
|
|||
@include can_backdrop {
|
||||
backdrop-filter: blur($radius);
|
||||
-webkit-backdrop-filter: blur($radius);
|
||||
background-color: $color;
|
||||
background: $color;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue