29 lines
527 B
Sass
29 lines
527 B
Sass
.flash-message
|
|
position: fixed
|
|
top: 60px
|
|
right: -440px
|
|
background-color: rgba(200,200,200,0.8)
|
|
padding: 20px
|
|
width: 400px
|
|
border-radius: 9999px
|
|
font-weight: bold
|
|
font-size: 1.4
|
|
z-index: 8976
|
|
animation-name: flashMessageInactive
|
|
animation-duration: 0.5s
|
|
&.active
|
|
animation-name: flashMessageActive
|
|
animation-duration: 0.5s
|
|
right: 20px
|
|
|
|
@keyframes flashMessageActive
|
|
from
|
|
right: -440px
|
|
to
|
|
right: 20px
|
|
@keyframes flashMessageInactive
|
|
from
|
|
right: 20px
|
|
to
|
|
right: -440px
|