houdini/app/assets/stylesheets/experiment/global/notification.css

26 lines
446 B
CSS
Raw Normal View History

2019-12-04 22:22:48 +00:00
/* License: LGPL-3.0-or-later */
[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;
}