Files
vuepress/lib/default-theme/styles/code.stylus
T
2018-04-10 20:41:42 -04:00

88 lines
1.6 KiB
Plaintext

@import './config.stylus'
p, h1, h2, h3, h4, h5, h6
code
color lighten($textColor, 20%)
padding 0.25rem 0.5rem
margin 0
font-size 0.85rem
background-color rgba(27,31,35,0.05)
border-radius 3px
pre, pre[class*="language-"]
background-color $codeBgColor
color #fff
line-height 1.4
border-radius 6px
padding 1.25rem 1.5rem
margin 0.85rem 0
white-space pre-wrap
word-break break-word
overflow auto
position relative
code
font-size 0.85rem
&:before
position absolute
top 0.8em
right 1em
font-size 0.75rem
color rgba(255, 255, 255, 0.4)
.highlighted-line
background-color rgba(0, 0, 0, 66%)
display block
margin 0.1rem -1.8rem 0
padding 0.1rem 1.8rem
pre[class="language-js"], pre[class="language-javascript"]
&:before
content "js"
pre[class="language-html"], pre[class="language-markup"]
&:before
content "html"
pre[class="language-markdown"], pre[class="language-md"]
&:before
content "md"
pre[class="language-vue"]:before
content "vue"
pre[class="language-css"]:before
content "css"
pre[class="language-sass"]:before
content "sass"
pre[class="language-less"]:before
content "less"
pre[class="language-scss"]:before
content "scss"
pre[class="language-stylus"]:before
content "stylus"
pre[class="language-json"]:before
content "json"
pre[class="language-ruby"]:before
content "rb"
pre[class="language-python"]:before
content "py"
pre[class="language-go"]:before
content "go"
pre[class="language-java"]:before
content "java"
pre[class="language-c"]:before
content "c"
pre[class="language-bash"]:before
content "sh"