ui/home/homebackdrop.razor.scss
.home-backdrop
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: visible;
.home-backdrop-fallback,
.home-backdrop-image,
.home-backdrop-soften,
.home-vignette
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.home-backdrop-fallback
{
background-color: #14171b;
z-index: 0;
}
.home-backdrop-image
{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: brightness( 0.48 ) saturate( 0.58 );
z-index: 1;
transition: opacity 0.18s ease;
}
.home-backdrop-image.previous
{
z-index: 1;
}
.home-backdrop-image.current
{
z-index: 2;
opacity: 1;
}
.home-backdrop-image.current:intro
{
opacity: 0;
}
.home-backdrop-soften
{
background-color: rgba( 14, 16, 18, 0.42 );
z-index: 3;
}
.home-vignette
{
background-image: linear-gradient( to bottom, rgba( 0, 0, 0, 0.06 ) 0%, rgba( 0, 0, 0, 0.05 ) 50%, rgba( 0, 40, 92, 0.86 ) 100% );
z-index: 4;
}
}