mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 12:09:20 +00:00
46 lines
655 B
Stylus
46 lines
655 B
Stylus
@import "../config.styl"
|
|
|
|
.popup
|
|
position fixed
|
|
height 100%
|
|
width 100%
|
|
top 0
|
|
margin 0 !important // sorry :(
|
|
left 0
|
|
background nativeRGBA(var(--gray-100), .7)
|
|
@media (prefers-color-scheme dark)
|
|
background nativeRGBA(var(--gray-500), .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%
|