mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
92 lines
1.8 KiB
Stylus
92 lines
1.8 KiB
Stylus
tabNavColor = #999999
|
|
iptFocusBorderColor = #369DCD
|
|
|
|
.CreateNewFolder.modal
|
|
width 600px
|
|
height 450px
|
|
.closeBtn
|
|
position absolute
|
|
top 15px
|
|
right 15px
|
|
width 33px
|
|
height 33px
|
|
font-size 18px
|
|
line-height 33px
|
|
padding 0
|
|
text-align center
|
|
background-color transparent
|
|
border none
|
|
color stripBtnColor
|
|
&:hover
|
|
color stripHoverBtnColor
|
|
.title
|
|
font-size 32px
|
|
text-align center
|
|
font-weight bold
|
|
margin-top 25px
|
|
.ipt
|
|
display block
|
|
width 330px
|
|
font-size 14px
|
|
height 44px
|
|
line-height 44px
|
|
padding 0 15px
|
|
border-radius 5px
|
|
border solid 1px borderColor
|
|
outline none
|
|
margin 75px auto 20px
|
|
&:focus
|
|
border-color iptFocusBorderColor
|
|
.colorSelect
|
|
text-align center
|
|
.option
|
|
cursor pointer
|
|
font-size 22px
|
|
height 48px
|
|
width 48px
|
|
margin 0 2px
|
|
border 1px solid transparent
|
|
border-radius 5px
|
|
overflow hidden
|
|
line-height 45px
|
|
text-align center
|
|
transition 0.1s
|
|
display inline-block
|
|
&:hover
|
|
border-color borderColor
|
|
font-size 28px
|
|
&.active
|
|
font-size 28px
|
|
border-color iptFocusBorderColor
|
|
.alert
|
|
color infoTextColor
|
|
background-color infoBackgroundColor
|
|
font-size 14px
|
|
padding 15px 15px
|
|
width 330px
|
|
border-radius 5px
|
|
margin 15px auto 0
|
|
&.error
|
|
color errorTextColor
|
|
background-color errorBackgroundColor
|
|
.confirmBtn
|
|
display block
|
|
position absolute
|
|
left 205px
|
|
bottom 44px
|
|
width 240px
|
|
font-size 24px
|
|
height 44px
|
|
line-height 24px
|
|
font-weight bold
|
|
background-color brandColor
|
|
color white
|
|
border none
|
|
border-radius 5px
|
|
margin 0 auto
|
|
transition 0.1s
|
|
&:hover
|
|
transform scale(1.1)
|
|
&:disabled
|
|
opacity 0.7
|