mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
improvement: prismjs 可以配置 code_word_wrap improvement: 搜索 hover 效果與其它目錄一致 improvement: css 優化 fix: 修復prismjs 無法識別的語言 顯示 null 而不是顯示 code 的 bug fix: 修復默認代碼大小不會隨着字體放大/放小而改變的bug fix: 修復prismjs 在ios safari 下自動換行的bug
42 lines
1004 B
Stylus
42 lines
1004 B
Stylus
#article-container
|
|
pre[class*='language-']
|
|
&.line-numbers
|
|
position: relative
|
|
padding-left: 3.8em
|
|
counter-reset: linenumber
|
|
line-height: $line-height-code-block
|
|
|
|
> code
|
|
position: relative
|
|
line-height: $line-height-code-block
|
|
|
|
if hexo-config('code_word_wrap')
|
|
white-space: pre-wrap
|
|
else
|
|
white-space: inherit
|
|
word-wrap: normal
|
|
word-break: normal
|
|
overflow-wrap: normal
|
|
|
|
.line-numbers-rows
|
|
position: absolute
|
|
top: 0
|
|
left: -3.8em
|
|
width: 3em
|
|
letter-spacing: -1px
|
|
font-size: 100%
|
|
pointer-events: none
|
|
user-select: none
|
|
|
|
& > span
|
|
display: block
|
|
counter-increment: linenumber
|
|
pointer-events: none
|
|
|
|
&:before
|
|
display: block
|
|
padding-right: .8em
|
|
color: var(--hlnumber-color)
|
|
content: counter(linenumber)
|
|
text-align: right
|