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%;
|
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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue