Refactoring/rewrite of modal boxes handling
This commit is contained in:
34
assets/sass/_modal.sass
Normal file
34
assets/sass/_modal.sass
Normal file
@@ -0,0 +1,34 @@
|
||||
@import variables
|
||||
@import mixins
|
||||
|
||||
#modal-overlay
|
||||
position: fixed
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
background: rgba(0, 0, 0, 0.9)
|
||||
overflow: auto
|
||||
z-index: 100
|
||||
|
||||
#modal-box
|
||||
position: fixed
|
||||
max-height: calc(100% - 50px)
|
||||
top: 2%
|
||||
left: 50%
|
||||
transform: translateX(-50%)
|
||||
background: #fff
|
||||
overflow: auto
|
||||
border-radius: 5px
|
||||
|
||||
#modal-content
|
||||
padding: 0 5px 5px
|
||||
|
||||
#modal-header
|
||||
text-align: right
|
||||
padding-right: 5px
|
||||
|
||||
#modal-close-button
|
||||
color: color('primary')
|
||||
&:hover
|
||||
color: color('error')
|
||||
Reference in New Issue
Block a user