Work on closed notice.

This commit is contained in:
2019-03-03 17:53:34 +01:00
parent ebe4e85fad
commit 9b55f56975
8 changed files with 88 additions and 28 deletions

View File

@@ -3,6 +3,7 @@
*
* In it, we fill the screen evenly with "closed" messages. The locations are
*/
require('./closed.scss');
/**
* Contains the state for this demo.
*

34
src/closed.scss Normal file
View File

@@ -0,0 +1,34 @@
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
body.closed {
background: #f66;
text-align: center;
.closed_notice {
position: absolute;
font-weight: bold;
font-size: 16pt;
text-transform: uppercase;
animation: fadeOut 3s forwards;
animation-timing-function: linear;
animation-iteration-count: 1;
}
#stop-overlay {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain;
}
}