|
11 | 11 |
|
12 | 12 | .content
|
13 | 13 | pre, pre[class*="language-"]
|
14 |
| - background-color $codeBgColor |
15 | 14 | line-height 1.4
|
16 |
| - border-radius 6px |
17 | 15 | padding 1.25rem 1.5rem
|
18 | 16 | margin 0.85rem 0
|
19 |
| - white-space pre-wrap |
20 |
| - word-break break-word |
| 17 | + background transparent |
21 | 18 | overflow auto
|
22 |
| - position relative |
23 | 19 | code
|
24 | 20 | color #fff
|
25 | 21 | padding 0
|
26 | 22 | background-color transparent
|
27 | 23 | border-radius 0
|
28 |
| - &:before |
29 |
| - position absolute |
30 |
| - top 0.8em |
31 |
| - right 1em |
32 |
| - font-size 0.75rem |
33 |
| - color rgba(255, 255, 255, 0.4) |
34 | 24 | .highlighted-line
|
35 | 25 | background-color rgba(0, 0, 0, 66%)
|
36 | 26 | display block
|
37 | 27 | margin 0 -1.5rem
|
38 | 28 | padding 0 1.5rem
|
39 | 29 |
|
40 |
| -pre[class="language-js"], pre[class="language-javascript"] |
| 30 | +div[class*="language-"] |
| 31 | + position relative |
| 32 | + background-color $codeBgColor |
| 33 | + border-radius 6px |
| 34 | + &::before |
| 35 | + position absolute |
| 36 | + top 0.8em |
| 37 | + right 1em |
| 38 | + font-size 0.75rem |
| 39 | + color rgba(255, 255, 255, 0.4) |
| 40 | + |
| 41 | +div[class="language-js"], div[class="language-javascript"] |
41 | 42 | &:before
|
42 | 43 | content "js"
|
43 | 44 |
|
44 |
| -pre[class="language-html"], pre[class="language-markup"] |
| 45 | +div[class="language-html"], div[class="language-markup"] |
45 | 46 | &:before
|
46 | 47 | content "html"
|
47 | 48 |
|
48 |
| -pre[class="language-markdown"], pre[class="language-md"] |
| 49 | +div[class="language-markdown"], div[class="language-md"] |
49 | 50 | &:before
|
50 | 51 | content "md"
|
51 | 52 |
|
52 |
| -pre[class="language-vue"]:before |
| 53 | +div[class="language-vue"]:before |
53 | 54 | content "vue"
|
54 | 55 |
|
55 |
| -pre[class="language-css"]:before |
| 56 | +div[class="language-css"]:before |
56 | 57 | content "css"
|
57 | 58 |
|
58 |
| -pre[class="language-sass"]:before |
| 59 | +div[class="language-sass"]:before |
59 | 60 | content "sass"
|
60 | 61 |
|
61 |
| -pre[class="language-less"]:before |
| 62 | +div[class="language-less"]:before |
62 | 63 | content "less"
|
63 | 64 |
|
64 |
| -pre[class="language-scss"]:before |
| 65 | +div[class="language-scss"]:before |
65 | 66 | content "scss"
|
66 | 67 |
|
67 |
| -pre[class="language-stylus"]:before |
| 68 | +div[class="language-stylus"]:before |
68 | 69 | content "stylus"
|
69 | 70 |
|
70 |
| -pre[class="language-json"]:before |
| 71 | +div[class="language-json"]:before |
71 | 72 | content "json"
|
72 | 73 |
|
73 |
| -pre[class="language-ruby"]:before |
| 74 | +div[class="language-ruby"]:before |
74 | 75 | content "rb"
|
75 | 76 |
|
76 |
| -pre[class="language-python"]:before |
| 77 | +div[class="language-python"]:before |
77 | 78 | content "py"
|
78 | 79 |
|
79 |
| -pre[class="language-go"]:before |
| 80 | +div[class="language-go"]:before |
80 | 81 | content "go"
|
81 | 82 |
|
82 |
| -pre[class="language-java"]:before |
| 83 | +div[class="language-java"]:before |
83 | 84 | content "java"
|
84 | 85 |
|
85 |
| -pre[class="language-c"]:before |
| 86 | +div[class="language-c"]:before |
86 | 87 | content "c"
|
87 | 88 |
|
88 |
| -pre[class="language-bash"]:before |
| 89 | +div[class="language-bash"]:before |
| 90 | + content "sh" |
| 91 | + |
| 92 | +div[class="language-yaml"]:before |
89 | 93 | content "sh"
|
4 commit comments
meteorlxy commentedon May 12, 2018
It'll cause some issues in docs
ulivz commentedon May 12, 2018
meteorlxy commentedon May 12, 2018
@ulivz I find that issues are about the docs, so modified.
meteorlxy commentedon May 12, 2018
#422