diff options
| author | Li Jin <dragon-fly@qq.com> | 2021-04-19 23:41:33 +0800 |
|---|---|---|
| committer | Li Jin <dragon-fly@qq.com> | 2021-04-19 23:41:33 +0800 |
| commit | 5d3b07801456d16dcc2c75dcccd48d508a6b60cc (patch) | |
| tree | 2df1a154bf58d93f2475df02afbd15f1a8ba2963 /doc/docs/.vuepress/theme/styles/code.styl | |
| parent | ea82666506b57d6e905b7f2e5fe78498fe5a7abd (diff) | |
| download | yuescript-5d3b07801456d16dcc2c75dcccd48d508a6b60cc.tar.gz yuescript-5d3b07801456d16dcc2c75dcccd48d508a6b60cc.tar.bz2 yuescript-5d3b07801456d16dcc2c75dcccd48d508a6b60cc.zip | |
first commit for Yuescript document site.
Diffstat (limited to 'doc/docs/.vuepress/theme/styles/code.styl')
| -rw-r--r-- | doc/docs/.vuepress/theme/styles/code.styl | 176 |
1 files changed, 176 insertions, 0 deletions
diff --git a/doc/docs/.vuepress/theme/styles/code.styl b/doc/docs/.vuepress/theme/styles/code.styl new file mode 100644 index 0000000..0cb4081 --- /dev/null +++ b/doc/docs/.vuepress/theme/styles/code.styl | |||
| @@ -0,0 +1,176 @@ | |||
| 1 | /* | ||
| 2 | |||
| 3 | Name: Base16 Atelier Sulphurpool Light | ||
| 4 | Author: Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) | ||
| 5 | |||
| 6 | Prism template by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/prism/) | ||
| 7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) | ||
| 8 | |||
| 9 | */ | ||
| 10 | code[class*="language-"], | ||
| 11 | pre[class*="language-"] { | ||
| 12 | font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; | ||
| 13 | font-size: 1em; | ||
| 14 | line-height: 1.375; | ||
| 15 | direction: ltr; | ||
| 16 | text-align: left; | ||
| 17 | white-space: pre; | ||
| 18 | word-spacing: normal; | ||
| 19 | word-break: normal; | ||
| 20 | -moz-tab-size: 4; | ||
| 21 | -o-tab-size: 4; | ||
| 22 | tab-size: 4; | ||
| 23 | -webkit-hyphens: none; | ||
| 24 | -moz-hyphens: none; | ||
| 25 | -ms-hyphens: none; | ||
| 26 | hyphens: none; | ||
| 27 | background: #f5f7ff; | ||
| 28 | color: #5e6687; | ||
| 29 | } | ||
| 30 | |||
| 31 | pre > code[class*="language-"] { | ||
| 32 | font-size: 1em; | ||
| 33 | } | ||
| 34 | |||
| 35 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, | ||
| 36 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { | ||
| 37 | text-shadow: none; | ||
| 38 | background: #dfe2f1; | ||
| 39 | } | ||
| 40 | |||
| 41 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, | ||
| 42 | code[class*="language-"]::selection, code[class*="language-"] ::selection { | ||
| 43 | text-shadow: none; | ||
| 44 | background: #dfe2f1; | ||
| 45 | } | ||
| 46 | |||
| 47 | /* Code blocks */ | ||
| 48 | pre[class*="language-"] { | ||
| 49 | padding: 1em; | ||
| 50 | margin: .5em 0; | ||
| 51 | overflow: auto; | ||
| 52 | } | ||
| 53 | |||
| 54 | /* Inline code */ | ||
| 55 | :not(pre) > code[class*="language-"] { | ||
| 56 | padding: .1em; | ||
| 57 | border-radius: .3em; | ||
| 58 | } | ||
| 59 | |||
| 60 | .token.comment, | ||
| 61 | .token.prolog, | ||
| 62 | .token.doctype, | ||
| 63 | .token.cdata { | ||
| 64 | color: #898ea4; | ||
| 65 | } | ||
| 66 | |||
| 67 | .token.punctuation { | ||
| 68 | color: #5e6687; | ||
| 69 | } | ||
| 70 | |||
| 71 | .token.namespace { | ||
| 72 | opacity: .7; | ||
| 73 | } | ||
| 74 | |||
| 75 | .token.operator, | ||
| 76 | .token.boolean, | ||
| 77 | .token.number { | ||
| 78 | color: #c76b29; | ||
| 79 | } | ||
| 80 | |||
| 81 | .token.property { | ||
| 82 | color: #c08b30; | ||
| 83 | } | ||
| 84 | |||
| 85 | .token.tag { | ||
| 86 | color: #3d8fd1; | ||
| 87 | } | ||
| 88 | |||
| 89 | .token.string { | ||
| 90 | color: #22a2c9; | ||
| 91 | } | ||
| 92 | |||
| 93 | .token.selector { | ||
| 94 | color: #6679cc; | ||
| 95 | } | ||
| 96 | |||
| 97 | .token.attr-name { | ||
| 98 | color: #c76b29; | ||
| 99 | } | ||
| 100 | |||
| 101 | .token.entity, | ||
| 102 | .token.url, | ||
| 103 | .language-css .token.string, | ||
| 104 | .style .token.string { | ||
| 105 | color: #22a2c9; | ||
| 106 | } | ||
| 107 | |||
| 108 | .token.attr-value, | ||
| 109 | .token.keyword, | ||
| 110 | .token.control, | ||
| 111 | .token.directive, | ||
| 112 | .token.unit { | ||
| 113 | color: #ac9739; | ||
| 114 | } | ||
| 115 | |||
| 116 | .token.statement, | ||
| 117 | .token.regex, | ||
| 118 | .token.atrule { | ||
| 119 | color: #22a2c9; | ||
| 120 | } | ||
| 121 | |||
| 122 | .token.placeholder, | ||
| 123 | .token.variable { | ||
| 124 | color: #3d8fd1; | ||
| 125 | } | ||
| 126 | |||
| 127 | .token.deleted { | ||
| 128 | text-decoration: line-through; | ||
| 129 | } | ||
| 130 | |||
| 131 | .token.inserted { | ||
| 132 | border-bottom: 1px dotted #202746; | ||
| 133 | text-decoration: none; | ||
| 134 | } | ||
| 135 | |||
| 136 | .token.italic { | ||
| 137 | font-style: italic; | ||
| 138 | } | ||
| 139 | |||
| 140 | .token.important, | ||
| 141 | .token.bold { | ||
| 142 | font-weight: bold; | ||
| 143 | } | ||
| 144 | |||
| 145 | .token.important { | ||
| 146 | color: #c94922; | ||
| 147 | } | ||
| 148 | |||
| 149 | .token.entity { | ||
| 150 | cursor: help; | ||
| 151 | } | ||
| 152 | |||
| 153 | pre > code.highlight { | ||
| 154 | outline: 0.4em solid #c94922; | ||
| 155 | outline-offset: .4em; | ||
| 156 | } | ||
| 157 | |||
| 158 | /* overrides color-values for the Line Numbers plugin | ||
| 159 | * http://prismjs.com/plugins/line-numbers/ | ||
| 160 | */ | ||
| 161 | .line-numbers .line-numbers-rows { | ||
| 162 | border-right-color: #dfe2f1; | ||
| 163 | } | ||
| 164 | |||
| 165 | .line-numbers-rows > span:before { | ||
| 166 | color: #979db4; | ||
| 167 | } | ||
| 168 | |||
| 169 | /* overrides color-values for the Line Highlight plugin | ||
| 170 | * http://prismjs.com/plugins/line-highlight/ | ||
| 171 | */ | ||
| 172 | .line-highlight { | ||
| 173 | background: rgba(107, 115, 148, 0.2); | ||
| 174 | background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); | ||
| 175 | background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); | ||
| 176 | } | ||
