24 lines
413 B
CSS
24 lines
413 B
CSS
[data-ff-notification] {
|
|
position: fixed;
|
|
width: 100%;
|
|
text-align: center;
|
|
box-shadow: var(--sh-2);
|
|
background: var(--black);
|
|
color: white;
|
|
font-weight: 500;
|
|
padding: 1rem;
|
|
z-index: 1;
|
|
left: 0;
|
|
bottom: -50%;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transform: translateZ(0);
|
|
transition: 200ms ease;
|
|
}
|
|
|
|
[data-ff-notification=shown] {
|
|
opacity: 0.9;
|
|
visibility: visible;
|
|
bottom: 0;
|
|
}
|
|
|