26 lines
459 B
Sass
26 lines
459 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
|
|
+animation(flashMessageInactive 0.5s)
|
|
&.active
|
|
+animation(flashMessageActive 0.5s)
|
|
right: 20px
|
|
|
|
+keyframes(flashMessageActive)
|
|
from
|
|
right: -440px
|
|
to
|
|
right: 20px
|
|
+keyframes(flashMessageInactive)
|
|
from
|
|
right: 20px
|
|
to
|
|
right: -440px
|