removeddit/src/sass/modal.sass
2023-05-01 23:37:42 +00:00

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