mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
universal backdrop component
This commit is contained in:
parent
327272a08a
commit
f781ecc6aa
4 changed files with 6 additions and 4 deletions
30
src/components/containers/CoverBackdrop/styles.scss
Normal file
30
src/components/containers/CoverBackdrop/styles.scss
Normal file
|
@ -0,0 +1,30 @@
|
|||
.cover {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: 50% 50% no-repeat/cover;
|
||||
opacity: 0;
|
||||
transition: opacity 1s;
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: url('~/sprites/stripes.svg') transparentize($color: #000000, $amount: 0.5);
|
||||
}
|
||||
|
||||
img {
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue