├── css └── vue.css ├── index.js └── package.json /css/vue.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600'); 2 | 3 | body { 4 | letter-spacing: 0; 5 | color: #34495e; 6 | font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; 7 | font-size: 15px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | color: #34495e; 11 | background-color: #fff; 12 | margin: 0; 13 | } 14 | 15 | /* LANGS.md index page */ 16 | .book-langs-index { 17 | font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; 18 | } 19 | .book-langs-index .inner .languages { 20 | padding: 20px 0px; 21 | } 22 | .book-langs-index .inner .languages li { 23 | float: none; 24 | } 25 | li a { 26 | color: #42b983; 27 | font-weight: 600; 28 | } 29 | 30 | /* set correct fonts on sidebar and main page */ 31 | .book .book-body .page-wrapper .page-inner section.normal, .book-summary { font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; } 32 | 33 | /* sidebar */ 34 | .book-summary ul.summary li a, 35 | .book-summary ul.summary li span { 36 | color: #7f8c8d; 37 | font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; 38 | } 39 | .book .book-summary ul.summary li span { 40 | opacity: 0.6; 41 | cursor: not-allowed; 42 | } 43 | .book-summary ul.summary li.active>a { 44 | color: #42b983; 45 | font-weight: 600; 46 | } 47 | #book-search-input { background-color: #fafafa; } 48 | .book-summary { background-color: #fff; } 49 | 50 | /* markdown content found on pages */ 51 | .markdown-section h1, 52 | .markdown-section h2, 53 | .markdown-section h3, 54 | .markdown-section h4, 55 | .markdown-section strong { 56 | font-weight: 600; 57 | color: #2c3e50; 58 | } 59 | .markdown-section a { 60 | color: #42b983; 61 | font-weight: 600; 62 | } 63 | .markdown-section p, 64 | .markdown-section ul, 65 | .markdown-section ol { 66 | word-spacing: 0.05em; 67 | } 68 | .markdown-section em { 69 | color: #7f8c8d; 70 | } 71 | 72 | .markdown-section pre { 73 | padding: 1.2em 1.4em; 74 | line-height: 1.5em; 75 | margin: 0; 76 | } 77 | 78 | .markdown-section code, .markdown-section pre { 79 | font-family: 'Roboto Mono', Monaco, courier, monospace; 80 | -webkit-font-smoothing: initial; 81 | -moz-osx-font-smoothing: initial; 82 | background-color: #f8f8f8; 83 | } 84 | code span.css, 85 | code span.javascript, 86 | code span.html, 87 | span[class^="hljs-"] { 88 | -webkit-font-smoothing: initial; 89 | -moz-osx-font-smoothing: initial; 90 | } 91 | .markdown-section pre>code { 92 | font-size: 0.8em; 93 | display: block; 94 | } 95 | .markdown-section code:after, .markdown-section code:before { 96 | content: none; 97 | letter-spacing: 0.05em; 98 | } 99 | 100 | code, pre { 101 | font-family: 'Roboto Mono', Monaco, courier, monospace; 102 | font-size: 0.8em; 103 | background-color: #f8f8f8; 104 | -webkit-font-smoothing: initial; 105 | -moz-osx-font-smoothing: initial; 106 | } 107 | code { 108 | color: #e96900; 109 | padding: 3px 5px; 110 | margin: 0 2px; 111 | border-radius: 2px; 112 | white-space: nowrap; 113 | } 114 | 115 | code .token { 116 | min-height: 1.5em; 117 | -webkit-font-smoothing: initial; 118 | -moz-osx-font-smoothing: initial; 119 | } 120 | pre code { position: relative; } 121 | pre code.lang-html:after, 122 | pre code.lang-js:after, 123 | pre code.lang-bash:after, 124 | pre code.lang-css:after { 125 | position: absolute; 126 | top: 0; 127 | right: 0; 128 | color: #ccc; 129 | text-align: right; 130 | font-size: 0.75em; 131 | padding: 5px 10px 0; 132 | line-height: 15px; 133 | height: 15px; 134 | font-weight: 600; 135 | } 136 | pre code.lang-html:after { 137 | content: 'HTML'; 138 | } 139 | pre code.lang-js:after { 140 | content: 'JS'; 141 | } 142 | pre code.lang-bash:after { 143 | content: 'Shell'; 144 | } 145 | pre code.lang-css:after { 146 | content: 'CSS'; 147 | } 148 | .content img { 149 | max-width: 100%; 150 | } 151 | .content span.light { 152 | color: #7f8c8d; 153 | } 154 | .content span.info { 155 | font-size: 0.85em; 156 | display: inline-block; 157 | vertical-align: middle; 158 | width: 280px; 159 | margin-left: 20px; 160 | } 161 | .markdown-section h1 { 162 | margin: 0 0 1em; 163 | } 164 | .markdown-section h2 { 165 | margin: 45px 0 0.8em; 166 | padding-bottom: 0.7em; 167 | border-bottom: 1px solid #ddd; 168 | } 169 | .markdown-section h3 { 170 | margin: 52px 0 1.2em; 171 | } 172 | .markdown-section figure, 173 | .markdown-section p, 174 | .markdown-section ul, 175 | .markdown-section ol { 176 | margin: 1.2em 0; 177 | } 178 | .markdown-section p, 179 | .markdown-section ul, 180 | .markdown-section ol { 181 | line-height: 1.6em; 182 | } 183 | .markdown-section ul, 184 | .markdown-section ol { 185 | padding-left: 1.5em; 186 | } 187 | .markdown-section a { 188 | color: #42b983; 189 | font-weight: 600; 190 | } 191 | .markdown-section blockquote { 192 | margin: 2em 0; 193 | padding-left: 20px; 194 | border-left: 4px solid #42b983; 195 | } 196 | .markdown-section blockquote p { 197 | font-weight: 600; 198 | margin-left: 0; 199 | } 200 | .markdown-section iframe { 201 | margin: 1em 0; 202 | } 203 | 204 | /* these aren't in gitbook at the moment, but leaving them in for future reference */ 205 | img { 206 | border: none; 207 | } 208 | .highlight { 209 | overflow-x: auto; 210 | position: relative; 211 | padding: 0; 212 | background-color: #f8f8f8; 213 | padding: 0.8em 0.8em 0.4em; 214 | line-height: 1.1em; 215 | border-radius: 2px; 216 | } 217 | .highlight table, 218 | .highlight tr, 219 | .highlight td { 220 | width: 100%; 221 | border-collapse: collapse; 222 | padding: 0; 223 | margin: 0; 224 | } 225 | .highlight .gutter { 226 | width: 1.5em; 227 | } 228 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | book: { 3 | assets: "css", 4 | css: [ "vue.css" ] 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gitbook-plugin-theme-vuejs", 3 | "version": "0.0.2", 4 | "description": "vue.js theme for gitbook", 5 | "engines": { 6 | "gitbook": ">1.x.x" 7 | }, 8 | "gitbook": { 9 | "properties": { 10 | } 11 | } 12 | } 13 | --------------------------------------------------------------------------------