nav-width = 188px
special-color-r = 230 special-color-g = 230 special-color-b = 230 special-font-color = rgb(special-color-r, special-color-g, special-color-b)
html
line-height 1.5
body, div, p, aside
box-sizing border-box
body
margin 0 padding 0 position relative
aside
overflow-y auto padding 2rem 1rem; position fixed top 0 left 0 width nav-width height 100vh ul margin 0 0 0 1rem padding 0 list-style none a width 100% display block overflow hidden text-overflow ellipsis white-space nowrap
.ancestor-nav
ul margin 0 padding 0 list-style none font-size 0.8rem margin 1rem 2rem 0 0 text-align right li margin 0 padding 0 display inline-block a display inline-block opacity 0.66 transition all 0.3s &:hover opacity 1 transform scale(1.1, 1.1) &:not(.self)::after content '/' margin 0 .36rem
article
margin-left nav-width padding 1px 2rem 1rem 1rem
h1
font-size 2rem
h2
font-size 1.3rem
h3
font-size 1.1rem opacity 0.9
h1, h2, h3
&::before content '# ' opacity 0.3 font-size 1rem
.comment-container
margin 1rem 0 padding 1rem 1.6rem background rgba(0, 0, 0, 0.2) font-size 0.9rem border-radius 4px
.comment-item
opacity 0.8
.special-block-container
background #141c22 overflow auto border-radius 4px color special-font-color line-height 1.6 position relative font-family monospace white-space pre margin 1rem 0 padding 1.3rem 3.6rem counter-reset line-index 1 li &::before counter-increment line-index content '' &::marker content counter(line-index) " | " color rgba(special-color-r, special-color-g, special-color-b, 0.3) text-align right &:hover::marker color special-font-color button.copy position absolute right 1rem top 1rem cursor pointer background url(../img/copy20.png) width 20px height 20px outline none border none opacity 0.5 &:hover opacity 0.8 &:active opacity 1
.special-txt
background rgba(27, 31, 35, 0.05) border-radius 4px font-size 0.9em padding 2px 4px
.interpage-nav
margin 1rem 2rem 2rem nav-width padding 0 2rem list-style none .prev float left &::before content '上一篇:' opacity 0.6 .next float right &::before content '下一篇:' opacity 0.6 &::after content '' display block clear both