mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
add ModalBase, LaunchModal & install Reflux
This commit is contained in:
@@ -37,15 +37,28 @@ hr
|
||||
&>label
|
||||
display block
|
||||
margin-bottom 5px
|
||||
&>input[type='text'], &>input[type='password']
|
||||
display block
|
||||
border solid 2px borderColor
|
||||
padding 0 15px
|
||||
font-size 1em
|
||||
height 33px
|
||||
border-radius 16.5px
|
||||
box-sizing border-box
|
||||
width 100%
|
||||
|
||||
.block-input, .inline-input
|
||||
border solid 1px borderColor
|
||||
padding 0 15px
|
||||
font-size 1em
|
||||
height 33px
|
||||
border-radius 5px
|
||||
box-sizing border-box
|
||||
|
||||
.block-input
|
||||
display block
|
||||
width 100%
|
||||
|
||||
.inline-input
|
||||
display inline-block
|
||||
margin-right 5px
|
||||
|
||||
textarea.block-input
|
||||
resize vertical
|
||||
height 125px
|
||||
border-radius 5px
|
||||
padding 5px
|
||||
|
||||
|
||||
#content
|
||||
|
||||
@@ -10,6 +10,7 @@
|
||||
font-weight 600
|
||||
transition 0.1s
|
||||
cursor pointer
|
||||
margin 0 5px
|
||||
|
||||
.btn-block
|
||||
display block
|
||||
|
||||
30
browser/styles/shared/modal.styl
Normal file
30
browser/styles/shared/modal.styl
Normal file
@@ -0,0 +1,30 @@
|
||||
.ModalBase
|
||||
fixed top left right bottom
|
||||
z-index 1000
|
||||
overflow-y auto
|
||||
overflow-x auto
|
||||
background-color transparentify(black, 35%)
|
||||
&.hide
|
||||
display none
|
||||
.modal
|
||||
width 500px
|
||||
margin 25px auto 0
|
||||
absolute top left right
|
||||
background-color white
|
||||
border-radius 10px
|
||||
padding 15px
|
||||
.modal-body
|
||||
.modal-tab
|
||||
text-align center
|
||||
.modal-footer
|
||||
clearfix()
|
||||
border-top solid 1px borderColor
|
||||
padding-top 15px
|
||||
.modal-control
|
||||
float right
|
||||
|
||||
.launch-modal
|
||||
.ace_editor
|
||||
height 300px
|
||||
border-radius 5px
|
||||
border solid 1px borderColor
|
||||
Reference in New Issue
Block a user