mirror of
https://github.com/gurnec/removeddit.git
synced 2026-03-11 08:54:27 +00:00
61 lines
1.1 KiB
Sass
61 lines
1.1 KiB
Sass
.modal
|
|
display: block
|
|
position: fixed
|
|
z-index: 1
|
|
padding-top: 100px
|
|
left: 0
|
|
top: 0
|
|
width: 100%
|
|
height: 100%
|
|
background-color: rgb(0,0,0)
|
|
background-color: rgba(0,0,0,0.4)
|
|
|
|
.modal-content
|
|
position: relative
|
|
margin: auto
|
|
padding: 0
|
|
border: 1px solid #888
|
|
width: 80%
|
|
background-color: var(--background)
|
|
@media (prefers-color-scheme: light)
|
|
background-color: var(--l-background)
|
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
|
|
-webkit-animation-name: animatetop
|
|
-webkit-animation-duration: 0.4s
|
|
animation-name: animatetop
|
|
animation-duration: 0.4s
|
|
|
|
@-webkit-keyframes animatetop
|
|
0%
|
|
top:-300px
|
|
opacity:0
|
|
100%
|
|
top:0
|
|
opacity:1
|
|
|
|
@keyframes animatetop
|
|
0%
|
|
top:-300px
|
|
opacity:0
|
|
100%
|
|
top:0
|
|
opacity:1
|
|
|
|
.close
|
|
color: $white
|
|
float: right
|
|
font-size: 28px
|
|
font-weight: bold
|
|
|
|
.close:hover, .close:focus
|
|
color: black
|
|
text-decoration: none
|
|
cursor: pointer
|
|
|
|
.modal-header
|
|
padding: 2px 16px
|
|
color: $white
|
|
background-color: $removed
|
|
|
|
.modal-body
|
|
padding: 2px 16px 16px
|