m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
Code

fix Vex modals

Browse Source
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
1 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
_src/_assets/styl/_kremalicious/vex.styl
View File

@ -21,18 +21,6 @@
height: 50px height: 50px
overflow: scroll 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 .vex-content
animation: vex-fadein .3s animation: vex-fadein .3s
background: #fff background: #fff
@ -62,10 +50,12 @@ body.vex-open
display: flex display: flex
align-items: center align-items: center
justify-content: center justify-content: center
background: alpha($body-bg, .8)
backdrop-filter: blur(5px)
animation: vex-fadein .3s
.vex-overlay .vex.vex-closing &
background: alpha($body-bg, .8) animation: vex-fadeout .3s
backdrop-filter: blur(5px)
.vex-content .vex-content
background: transparent background: transparent
@ -74,17 +64,18 @@ body.vex-open
width: 100% width: 100%
max-width: $screen-xs-min max-width: $screen-xs-min
border-radius: $border-radius-base 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 .vex__title
@extend .h4 @extend .h4
margin-top: ($spacer/2) 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) padding-bottom: ($spacer/2)
.vex-dialog-buttons .vex-dialog-buttons
margin-top: $spacer 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) padding-top: ($spacer/2)
.vex-dialog-button .vex-dialog-button