1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-12-23 01:30:01 +01:00

fix Vex modals

This commit is contained in:
Matthias Kretschmann 2017-08-27 23:17:37 +02:00
parent fe6011b32e
commit cb3d2acfe2
Signed by: m
GPG Key ID: 606EEEF3C479A91F

View File

@ -21,18 +21,6 @@
height: 50px
overflow: scroll
.vex-overlay
animation: vex-fadein .3s
position: fixed
background: rgba(0, 0, 0, .4)
top: 0
right: 0
bottom: 0
left: 0
.vex.vex-closing &
animation: vex-fadeout .3s
.vex-content
animation: vex-fadein .3s
background: #fff
@ -62,10 +50,12 @@ body.vex-open
display: flex
align-items: center
justify-content: center
background: alpha($body-bg, .8)
backdrop-filter: blur(5px)
animation: vex-fadein .3s
.vex-overlay
background: alpha($body-bg, .8)
backdrop-filter: blur(5px)
.vex.vex-closing &
animation: vex-fadeout .3s
.vex-content
background: transparent
@ -74,17 +64,18 @@ body.vex-open
width: 100%
max-width: $screen-xs-min
border-radius: $border-radius-base
border: 1px solid alpha($brand-grey-light, .2)
border: 1px solid alpha($brand-grey-light, .4)
box-shadow: 0 5px 30px alpha($brand-grey-light, .2)
.vex__title
@extend .h4
margin-top: ($spacer/2)
border-bottom: 1px solid alpha($brand-grey-light, .2)
border-bottom: 1px solid alpha($brand-grey-light, .4)
padding-bottom: ($spacer/2)
.vex-dialog-buttons
margin-top: $spacer
border-top: 1px solid alpha($brand-grey-light, .2)
border-top: 1px solid alpha($brand-grey-light, .4)
padding-top: ($spacer/2)
.vex-dialog-button