mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
170 lines
4.0 KiB
Stylus
170 lines
4.0 KiB
Stylus
noTagsColor = #999
|
|
|
|
.ArticleDetail
|
|
absolute right bottom
|
|
top 60px
|
|
left 510px
|
|
padding 10px
|
|
*
|
|
-webkit-user-select all
|
|
.detailInfo
|
|
height 70px
|
|
width 100%
|
|
transition 0.1s
|
|
font-size 12px
|
|
position relative
|
|
.left
|
|
absolute top left bottom
|
|
right 120px
|
|
.right
|
|
absolute top right
|
|
.detailBody
|
|
absolute left right bottom
|
|
top 70px
|
|
overflow-x hidden
|
|
overflow-y auto
|
|
.detailPanel
|
|
absolute top
|
|
left 10px
|
|
right 10px
|
|
bottom 10px
|
|
background-color white
|
|
border-radius 5px
|
|
border solid 1px borderColor
|
|
&>.header
|
|
absolute top left right
|
|
height 60px
|
|
.MarkdownPreview
|
|
absolute left right bottom
|
|
top 60px
|
|
marked()
|
|
box-sizing border-box
|
|
padding 5px 15px
|
|
border-top solid 1px borderColor
|
|
overflow-y auto
|
|
.CodeEditor
|
|
absolute left right bottom
|
|
top 60px
|
|
border-top solid 1px borderColor
|
|
min-height 300px
|
|
border-bottom-left-radius 5px
|
|
border-bottom-right-radius 5px
|
|
&.edit
|
|
.detailInfo
|
|
.left
|
|
.Select
|
|
.Select-control
|
|
border none
|
|
background-color transparent
|
|
.folder.Select
|
|
width 150px
|
|
.Select-control
|
|
&:hover
|
|
background-color darken(white, 5%)
|
|
&.is-focused
|
|
.Select-control
|
|
background-color white
|
|
.tags.Select
|
|
.Select-control
|
|
white-space nowrap
|
|
overflow-x auto
|
|
position relative
|
|
.Select-arrow-zone, .Select-arrow
|
|
display none
|
|
.right
|
|
button
|
|
cursor pointer
|
|
height 33px
|
|
width 55px
|
|
margin-left 5px
|
|
font-size 14px
|
|
color inactiveTextColor
|
|
background-color darken(white, 5%)
|
|
border solid 1px borderColor
|
|
border-radius 5px
|
|
&:hover
|
|
background-color white
|
|
&.primary
|
|
border none
|
|
background-color brandColor
|
|
color white
|
|
&:hover
|
|
color white
|
|
background-color lighten(brandColor, 10%)
|
|
.detailBody
|
|
.detailPanel
|
|
&>.header
|
|
.mode
|
|
absolute top bottom right
|
|
display block
|
|
height 33px
|
|
margin-top 12px
|
|
width 120px
|
|
margin-right 15px
|
|
.title
|
|
absolute left top bottom
|
|
right 120px
|
|
padding 0 15px
|
|
input
|
|
width 100%
|
|
border none
|
|
background-color transparent
|
|
line-height 60px
|
|
font-size 32px
|
|
font-weight bold
|
|
outline none
|
|
&.show
|
|
.detailInfo
|
|
.left
|
|
right 99px
|
|
.info
|
|
padding 5px
|
|
overflow ellipsis
|
|
.tags
|
|
padding 10px 10px 5px
|
|
color articleItemColor
|
|
a
|
|
background-color brandColor
|
|
color white
|
|
border-radius 2px
|
|
padding 1.5px 5px
|
|
margin 2px
|
|
font-size 10px
|
|
opacity 0.8
|
|
&:hover
|
|
opacity 1
|
|
span.noTags
|
|
color noTagsColor
|
|
.right
|
|
button
|
|
cursor pointer
|
|
height 33px
|
|
width 33px
|
|
border none
|
|
font-size 18px
|
|
color inactiveTextColor
|
|
background-color transparent
|
|
padding 0
|
|
&:hover
|
|
color inherit
|
|
.detailBody
|
|
.detailPanel
|
|
&>.header
|
|
.mode
|
|
display block
|
|
line-height 60px
|
|
width 45px
|
|
height 60px
|
|
font-size 18px
|
|
text-align center
|
|
.title
|
|
absolute top bottom
|
|
left 45px
|
|
right 15px
|
|
font-size 32px
|
|
line-height 60px
|
|
font-weight bold
|
|
white-space nowrap
|
|
overflow-x auto
|
|
overflow-y hidden
|