mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 20:19:20 +00:00
44
src/Popup/Popup.module.styl
Normal file
44
src/Popup/Popup.module.styl
Normal file
@ -0,0 +1,44 @@
|
||||
@import "../config.styl"
|
||||
|
||||
.popup
|
||||
position fixed
|
||||
height 100%
|
||||
width 100%
|
||||
top 0
|
||||
left 0
|
||||
background rgba($lightGrayLight, .7)
|
||||
@media (prefers-color-scheme dark)
|
||||
background rgba($lightGrayDark, .7)
|
||||
cursor pointer
|
||||
z-index 200
|
||||
animation fadeIn .3s ease-in-out 1 forwards
|
||||
|
||||
@keyframes fadeIn
|
||||
from
|
||||
opacity 0
|
||||
to
|
||||
opacity 1
|
||||
|
||||
|
||||
.popupChild
|
||||
cursor initial
|
||||
z-index 201
|
||||
|
||||
min-width 50%
|
||||
animation popin .3s ease-in-out 1
|
||||
|
||||
@media (max-width $tablet)
|
||||
min-width 70%
|
||||
|
||||
@media (max-width $mobile)
|
||||
min-width 90%
|
||||
|
||||
@keyframes popin
|
||||
from
|
||||
margin-top 50px
|
||||
to
|
||||
margin-top 0
|
||||
|
||||
.exit
|
||||
cursor pointer
|
||||
height 100%
|
Reference in New Issue
Block a user