mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-15 18:56:22 +00:00
95 lines
2.0 KiB
Stylus
95 lines
2.0 KiB
Stylus
@import '../../../node_modules/nib/lib/nib'
|
|
@import '../vars'
|
|
@import '../mixins/*'
|
|
global-reset()
|
|
@import '../shared/*'
|
|
|
|
iptBgColor = #E6E6E6
|
|
iptFocusBorderColor = #369DCD
|
|
|
|
body
|
|
font-family "Lato"
|
|
color textColor
|
|
font-size fontSize
|
|
width 100%
|
|
height 100%
|
|
overflow hidden
|
|
|
|
.Finder
|
|
absolute top bottom left right
|
|
.FinderInput
|
|
padding 11px
|
|
margin 0 auto
|
|
height 55px
|
|
box-sizing border-box
|
|
border-bottom solid 1px borderColor
|
|
background-color iptBgColor
|
|
z-index 200
|
|
input
|
|
display block
|
|
width 100%
|
|
border solid 1px borderColor
|
|
padding 0 10px
|
|
font-size 1em
|
|
height 33px
|
|
border-radius 5px
|
|
box-sizing border-box
|
|
border-radius 5px
|
|
&:focus, &.focus
|
|
border-color iptFocusBorderColor
|
|
outline none
|
|
.FinderList
|
|
absolute left bottom
|
|
top 55px
|
|
border-right solid 1px borderColor
|
|
box-sizing border-box
|
|
width 250px
|
|
overflow-y auto
|
|
z-index 0
|
|
&>ul>li
|
|
.articleItem
|
|
padding 10px
|
|
border solid 2px transparent
|
|
box-sizing border-box
|
|
cursor pointer
|
|
white-space nowrap
|
|
overflow-x hidden
|
|
text-overflow ellipsis
|
|
.divider
|
|
box-sizing border-box
|
|
border-bottom solid 1px borderColor
|
|
&.active
|
|
.articleItem
|
|
border-color brandColor
|
|
|
|
.FinderDetail
|
|
absolute right bottom
|
|
top 55px
|
|
left 250px
|
|
box-shadow 0px 0px 10px 0 #CCC
|
|
z-index 100
|
|
.header
|
|
absolute top left right
|
|
height 55px
|
|
box-sizing border-box
|
|
padding 0 10px
|
|
border-bottom solid 1px borderColor
|
|
line-height 55px
|
|
font-size 18px
|
|
white-space nowrap
|
|
text-overflow ellipsis
|
|
overflow-x hidden
|
|
.content
|
|
position absolute
|
|
top 55px
|
|
padding 10px
|
|
bottom 0
|
|
left 0
|
|
right 0
|
|
box-sizing border-box
|
|
overflow-y auto
|
|
.MarkdownPreview
|
|
marked()
|
|
.CodeEditor
|
|
absolute top bottom left right
|