mirror of
https://github.com/docsifyjs/docsify.git
synced 2025-12-08 19:55:52 +00:00
228 lines
4.2 KiB
Stylus
228 lines
4.2 KiB
Stylus
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600')
|
|
|
|
$color-primary = #ea6f5a
|
|
$color-bg = #3f3f3f
|
|
$color-text = #c8c8c8
|
|
$sidebar-width = 300px
|
|
|
|
@import 'basic/_layout'
|
|
@import 'basic/_coverpage'
|
|
|
|
body
|
|
background-color $color-bg
|
|
|
|
/* sidebar */
|
|
.sidebar
|
|
background-color $color-bg
|
|
color #c8c8c8
|
|
|
|
li
|
|
margin 6px 15px 6px 0
|
|
|
|
ul li a
|
|
color #c8c8c8
|
|
font-size 14px
|
|
overflow hidden
|
|
text-decoration none
|
|
text-overflow ellipsis
|
|
white-space nowrap
|
|
|
|
&:hover
|
|
text-decoration underline
|
|
|
|
ul li ul
|
|
padding 0
|
|
|
|
ul li.active > a
|
|
color var(--theme-color, $color-primary)
|
|
font-weight 600
|
|
|
|
/* markdown content found on pages */
|
|
.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong
|
|
color #657b83
|
|
font-weight 600
|
|
|
|
.markdown-section a
|
|
color var(--theme-color, $color-primary)
|
|
font-weight 600
|
|
|
|
.markdown-section h1
|
|
font-size 2rem
|
|
margin 0 0 1rem
|
|
|
|
.markdown-section h2
|
|
font-size 1.75rem
|
|
margin 45px 0 0.8rem
|
|
|
|
.markdown-section h3
|
|
font-size 1.5rem
|
|
margin 40px 0 0.6rem
|
|
|
|
.markdown-section h4
|
|
font-size 1.25rem
|
|
|
|
.markdown-section h5
|
|
font-size 1rem
|
|
|
|
.markdown-section h6
|
|
color #777
|
|
font-size 1rem
|
|
|
|
.markdown-section figure, .markdown-section p, .markdown-section ul, .markdown-section ol
|
|
margin 1.2em 0
|
|
|
|
.markdown-section p, .markdown-section ul, .markdown-section ol
|
|
line-height 1.6rem
|
|
word-spacing 0.05rem
|
|
|
|
.markdown-section ul, .markdown-section ol
|
|
padding-left 1.5rem
|
|
|
|
.markdown-section blockquote
|
|
border-left 4px solid var(--theme-color, $color-primary)
|
|
color #858585
|
|
margin 2em 0
|
|
padding-left 20px
|
|
|
|
.markdown-section blockquote p
|
|
font-weight 600
|
|
margin-left 0
|
|
|
|
.markdown-section iframe
|
|
margin 1em 0
|
|
|
|
.markdown-section em
|
|
color #7f8c8d
|
|
|
|
.markdown-section code
|
|
background-color #282828
|
|
border-radius 2px
|
|
color #657b83
|
|
font-family 'Roboto Mono', Monaco, courier, monospace
|
|
font-size 0.8rem
|
|
margin 0 2px
|
|
padding 3px 5px
|
|
white-space pre-wrap
|
|
|
|
.markdown-section pre
|
|
-moz-osx-font-smoothing initial
|
|
-webkit-font-smoothing initial
|
|
background-color #282828
|
|
font-family 'Roboto Mono', Monaco, courier, monospace
|
|
line-height 1.5rem
|
|
margin 1.2em 0
|
|
overflow auto
|
|
padding 0 1.4rem
|
|
position relative
|
|
word-wrap normal
|
|
|
|
/* code highlight */
|
|
.token.comment, .token.prolog, .token.doctype, .token.cdata
|
|
color #8e908c
|
|
|
|
.token.namespace
|
|
opacity 0.7
|
|
|
|
.token.boolean, .token.number
|
|
color #c76b29
|
|
|
|
.token.punctuation
|
|
color #525252
|
|
|
|
.token.property
|
|
color #c08b30
|
|
|
|
.token.tag
|
|
color #2973b7
|
|
|
|
.token.string
|
|
color var(--theme-color, $color-primary)
|
|
|
|
.token.selector
|
|
color #6679cc
|
|
|
|
.token.attr-name
|
|
color #2973b7
|
|
|
|
.token.entity, .token.url, .language-css .token.string, .style .token.string
|
|
color #22a2c9
|
|
|
|
.token.attr-value, .token.control, .token.directive, .token.unit
|
|
color var(--theme-color, $color-primary)
|
|
|
|
.token.keyword
|
|
color #e96900
|
|
|
|
.token.statement, .token.regex, .token.atrule
|
|
color #22a2c9
|
|
|
|
.token.placeholder, .token.variable
|
|
color #3d8fd1
|
|
|
|
.token.deleted
|
|
text-decoration line-through
|
|
|
|
.token.inserted
|
|
border-bottom 1px dotted #202746
|
|
text-decoration none
|
|
|
|
.token.italic
|
|
font-style italic
|
|
|
|
.token.important, .token.bold
|
|
font-weight bold
|
|
|
|
.token.important
|
|
color #c94922
|
|
|
|
.token.entity
|
|
cursor help
|
|
|
|
.markdown-section pre > code
|
|
-moz-osx-font-smoothing initial
|
|
-webkit-font-smoothing initial
|
|
background-color #282828
|
|
border-radius 2px
|
|
color #657b83
|
|
display block
|
|
font-family 'Roboto Mono', Monaco, courier, monospace
|
|
font-size 0.8rem
|
|
line-height inherit
|
|
margin 0 2px
|
|
max-width inherit
|
|
overflow inherit
|
|
padding 2.2em 5px
|
|
white-space inherit
|
|
|
|
.markdown-section code::after, .markdown-section code::before
|
|
letter-spacing 0.05rem
|
|
|
|
code .token
|
|
-moz-osx-font-smoothing initial
|
|
-webkit-font-smoothing initial
|
|
min-height 1.5rem
|
|
position: relative
|
|
left: auto
|
|
|
|
pre::after
|
|
color #ccc
|
|
content attr(data-lang)
|
|
font-size 0.6rem
|
|
font-weight 600
|
|
height 15px
|
|
line-height 15px
|
|
padding 5px 10px 0
|
|
position absolute
|
|
right 0
|
|
text-align right
|
|
top 0
|
|
|
|
.markdown-section p.tip
|
|
background-color #282828
|
|
color #657b83
|
|
|
|
input[type='search']
|
|
background #4f4f4f
|
|
border-color #4f4f4f
|
|
color #c8c8c8
|