mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-15 18:56:22 +00:00
120 lines
2.7 KiB
Stylus
120 lines
2.7 KiB
Stylus
.ModalBase
|
|
fixed top left right bottom
|
|
z-index 1000
|
|
overflow-y auto
|
|
overflow-x auto
|
|
background-color modalBaseColor
|
|
line-height 100%
|
|
&.hide
|
|
display none
|
|
.modal
|
|
width 500px
|
|
margin 50px auto 0
|
|
absolute top left right
|
|
background-color white
|
|
border-radius 10px
|
|
padding 15px
|
|
box-shadow popupShadow
|
|
.modal-header
|
|
border-bottom solid 1px borderColor
|
|
margin-bottom 15px
|
|
h1
|
|
padding: 10px 0 15px;
|
|
font-size: 1.5em;
|
|
.modal-body
|
|
p
|
|
margin-bottom 15px
|
|
.modal-footer
|
|
clearfix()
|
|
border-top solid 1px borderColor
|
|
padding-top 15px
|
|
.modal-control
|
|
float right
|
|
|
|
.LaunchModal
|
|
.modal-tab
|
|
text-align center
|
|
margin-bottom 15px
|
|
.btn-primary, .btn-default
|
|
margin 0
|
|
border-radius 0
|
|
border-width 1px
|
|
width 150px
|
|
border-radius 0
|
|
&:nth-child(1)
|
|
border-right solid 1px borderColor
|
|
border-top-left-radius 5px
|
|
border-bottom-left-radius 5px
|
|
&:nth-child(2)
|
|
border-left none
|
|
border-top-right-radius 5px
|
|
border-bottom-right-radius 5px
|
|
textarea.snippetDescription
|
|
height 75px
|
|
font-size 0.9em
|
|
.Select
|
|
.Select-control
|
|
border-color borderColor
|
|
&.is-focused
|
|
.Select-control
|
|
border-color brandBorderColor
|
|
.Select-menu-outer
|
|
border-color borderColor
|
|
.ace_editor
|
|
border-radius 5px
|
|
border solid 1px borderColor
|
|
.SnippetForm
|
|
.ace_editor
|
|
height 258px
|
|
.BlueprintForm
|
|
.ace_editor
|
|
height 358px
|
|
.previewMode
|
|
absolute top right
|
|
font-size 0.8em
|
|
line-height 24px
|
|
padding 0 10px
|
|
background-color transparentify(invBackgroundColor, 0.2)
|
|
color invTextColor
|
|
border-top-right-radius 5px
|
|
.marked
|
|
height 360px
|
|
overflow-x hidden
|
|
overflow-y auto
|
|
box-sizing border-box
|
|
padding 5px
|
|
border solid 1px borderColor
|
|
border-radius 5px
|
|
marked()
|
|
|
|
.PlanetCreateModal.modal, .PlanetAddUserModal.modal
|
|
padding 60px 0
|
|
.nameInput
|
|
width 80%
|
|
font-size 1.3em
|
|
margin 35px auto
|
|
text-align center
|
|
.userNameSelect
|
|
width 80%
|
|
font-size 1.3em
|
|
margin 35px auto
|
|
text-align center
|
|
.submitButton
|
|
display block
|
|
margin 0 auto
|
|
box-sizing border-box
|
|
width 55px
|
|
height 55px
|
|
border-style solid
|
|
border-width 1px
|
|
circle()
|
|
border-color brandBorderColor
|
|
background-color transparent
|
|
color brandColor
|
|
&:hover, &.hover, &:focus, &.focus
|
|
border-color darken(brandBorderColor, 30%)
|
|
color darken(brandColor, 30%)
|
|
&:active, &.active
|
|
background-color brandColor
|
|
color white
|