Source

/aya.waifu.ist/public/stylesheets/components/modal.sass

Modified ago
.modal
    background-color: $white
    border-radius: 8px
    bottom: 0
    box-shadow: 0 0 15px #444
    cursor: default
    height: 80%
    left: 0
    margin: auto
    position: absolute
    overflow: hidden
    right: 0
    top: 0
    transition: 0.4s
    transition-delay: 0.4s
    transform: translateY(0)
    width: 50%

.modal_hidden
    transform: translateY(100vh)
    transition-delay: 0s

.modal__item
    box-sizing: border-box
    padding: 32px

.modal__image
    max-height: 100%
    max-width: 100%
    opacity: 1
    transition: 1s
    position: absolute
    bottom: 0
    left: 0
    margin: auto
    right: 0
    top: 0
    
.modal__image_loading
    opacity: 0

.modal__close
    cursor: pointer
    position: absolute
    right: 10px
    top: 10px
    z-index: 2