praiadeseselle/wire/modules/Jquery/JqueryUI/vex/styles/vex.sass

80 lines
1.4 KiB
Sass
Raw Normal View History

2022-03-08 15:55:41 +01:00
@import mixins
@import keyframes
+keyframes-vex-fadein
+keyframes-vex-fadeout
+keyframes-vex-rotation
.vex, .vex *, .vex *:before, .vex *:after
box-sizing: border-box
2022-03-08 15:55:41 +01:00
.vex
position: fixed
overflow: auto
-webkit-overflow-scrolling: touch
z-index: 1111
top: 0
right: 0
bottom: 0
left: 0
.vex-scrollbar-measure
position: absolute
top: -9999px
width: 50px
height: 50px
overflow: scroll
.vex-overlay
animation: vex-fadein .5s
2022-03-08 15:55:41 +01:00
position: fixed
z-index: 1111
2022-03-08 15:55:41 +01:00
background: rgba(0, 0, 0, .4)
top: 0
right: 0
bottom: 0
left: 0
.vex-overlay.vex-closing
animation: vex-fadeout .5s forwards
2022-03-08 15:55:41 +01:00
.vex-content
animation: vex-fadein .5s
2022-03-08 15:55:41 +01:00
background: #fff
.vex.vex-closing .vex-content
animation: vex-fadeout .5s forwards
2022-03-08 15:55:41 +01:00
.vex-close:before
font-family: Arial, sans-serif
content: "\00D7"
.vex-dialog-form
margin: 0 // Browser reset
.vex-dialog-button
text-rendering: optimizeLegibility
appearance: none
2022-03-08 15:55:41 +01:00
cursor: pointer
-webkit-tap-highlight-color: transparent
.vex-loading-spinner
animation: vex-rotation .7s linear infinite
box-shadow: 0 0 1em rgba(0, 0, 0, 0.1)
2022-03-08 15:55:41 +01:00
position: fixed
z-index: 1112
margin: auto
top: 0
right: 0
bottom: 0
left: 0
height: 2em
width: 2em
background: #fff
// Prevent background scrolling when vex is open
// https://github.com/HubSpot/vex/issues/18
body.vex-open
overflow: hidden