mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-24 20:36:40 +07:00
made better hero banner
This commit is contained in:
parent
5edc38315e
commit
79fc183c9c
4 changed files with 9 additions and 2 deletions
|
@ -45,7 +45,7 @@
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../../../sprites/stripes.svg') rgba(0, 0, 0, 0.3);
|
||||
background: $content_bg_hero;
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
box-shadow: inset $gray_90 0 1px;
|
||||
|
|
|
@ -31,6 +31,7 @@ $content_bg_success: var(--content_bg_success);
|
|||
$content_bg_info: var(--content_bg_info);
|
||||
$content_bg_danger: var(--content_bg_danger);
|
||||
$content_bg_backdrop: var(--content_bg_backdrop);
|
||||
$content_bg_hero: var(--content_bg_hero);
|
||||
|
||||
// white shades (move to --vars)
|
||||
$white: var(--white);
|
||||
|
|
|
@ -63,7 +63,11 @@ $_brown: #23201f;
|
|||
--content_bg_success: #{transparentize($_wisegreen, 0.7)};
|
||||
--content_bg_info: #{transparentize($_blue, 0.5)};
|
||||
--content_bg_danger: #{transparentize($_red, 0.5)};
|
||||
--content_bg_backdrop: #{transparentize($_brown, 0.3)};
|
||||
--content_bg_backdrop: url('/images/noise.png') #{transparentize(
|
||||
$_brown,
|
||||
0.3
|
||||
)};
|
||||
--content_bg_hero: url('/images/noise.png') #{transparentize($_brown, 0.5)};
|
||||
|
||||
// white shades (move to --vars)
|
||||
--white: white;
|
||||
|
|
|
@ -74,6 +74,8 @@ $_ocean: #25b0bc;
|
|||
--content_bg_danger: #{transparentize($_red, 0.5)};
|
||||
--content_bg_backdrop: 50% 50% / cover no-repeat
|
||||
url('/images/horizon_backdrop.svg') #{transparentize($_cold, 0.2)};
|
||||
--content_bg_hero: 50% 50% / cover no-repeat
|
||||
url('/images/horizon_backdrop.svg') #{transparentize($_cold, 0.4)};
|
||||
|
||||
// white shades (move to --vars)
|
||||
--white: white;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue