├── .gitignore ├── .npmrc ├── LICENSE ├── README.md ├── css ├── master.css ├── the-grid.css └── the-grid.min.css ├── gulpfile.js ├── index.html ├── js └── highlightjs │ ├── .DS_Store │ ├── CHANGES.md │ ├── LICENSE │ ├── README.md │ ├── README.ru.md │ ├── highlight.pack.js │ └── styles │ ├── agate.css │ ├── androidstudio.css │ ├── arduino-light.css │ ├── arta.css │ ├── ascetic.css │ ├── atelier-cave-dark.css │ ├── atelier-cave-light.css │ ├── atelier-dune-dark.css │ ├── atelier-dune-light.css │ ├── atelier-estuary-dark.css │ ├── atelier-estuary-light.css │ ├── atelier-forest-dark.css │ ├── atelier-forest-light.css │ ├── atelier-heath-dark.css │ ├── atelier-heath-light.css │ ├── atelier-lakeside-dark.css │ ├── atelier-lakeside-light.css │ ├── atelier-plateau-dark.css │ ├── atelier-plateau-light.css │ ├── atelier-savanna-dark.css │ ├── atelier-savanna-light.css │ ├── atelier-seaside-dark.css │ ├── atelier-seaside-light.css │ ├── atelier-sulphurpool-dark.css │ ├── atelier-sulphurpool-light.css │ ├── atom-one-dark.css │ ├── atom-one-light.css │ ├── brown-paper.css │ ├── brown-papersq.png │ ├── codepen-embed.css │ ├── color-brewer.css │ ├── darcula.css │ ├── dark.css │ ├── darkula.css │ ├── default.css │ ├── docco.css │ ├── dracula.css │ ├── far.css │ ├── foundation.css │ ├── github-gist.css │ ├── github.css │ ├── googlecode.css │ ├── grayscale.css │ ├── gruvbox-dark.css │ ├── gruvbox-light.css │ ├── hopscotch.css │ ├── hybrid.css │ ├── idea.css │ ├── ir-black.css │ ├── kimbie.dark.css │ ├── kimbie.light.css │ ├── magula.css │ ├── mono-blue.css │ ├── monokai-sublime.css │ ├── monokai.css │ ├── obsidian.css │ ├── ocean.css │ ├── paraiso-dark.css │ ├── paraiso-light.css │ ├── pojoaque.css │ ├── pojoaque.jpg │ ├── purebasic.css │ ├── qtcreator_dark.css │ ├── qtcreator_light.css │ ├── railscasts.css │ ├── rainbow.css │ ├── routeros.css │ ├── school-book.css │ ├── school-book.png │ ├── solarized-dark.css │ ├── solarized-light.css │ ├── sunburst.css │ ├── tomorrow-night-blue.css │ ├── tomorrow-night-bright.css │ ├── tomorrow-night-eighties.css │ ├── tomorrow-night.css │ ├── tomorrow.css │ ├── vs.css │ ├── vs2015.css │ ├── xcode.css │ ├── xt256.css │ └── zenburn.css ├── package.json └── src └── sass ├── _variables.scss ├── align-items └── _align-items.scss ├── base ├── _base.scss └── _reset.scss ├── col └── _col.scss ├── directions └── _directions.scss ├── flex-basis └── _flex-basis.scss ├── flex-grow └── _flex-grow.scss ├── justify-content └── _justify-content.scss ├── main.scss ├── orders └── _orders.scss ├── sizes └── _sizes.scss ├── spaces └── _spaces.scss ├── the-grid.css ├── the-grid.min.css └── wrap └── _wrap.scss /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .DS_Store 3 | package-lock.json 4 | yarn.lock 5 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | @gustavoquinalha:registry=https://npm.pkg.github.com/ 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2017-2018 The Grid. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 | 5 | 8 | 9 |

The Grid

10 | 11 |

12 | Atomic design, pure flexbox, bootstrap 4 compatible. 13 |
14 | Explore The grid docs » 15 |
16 |
17 | Get Started 18 | · 19 | Themes 20 |

21 |

22 |
23 | 24 | # Install 25 | ``` 26 | npm i the-grid-flexbox -D 27 | ``` 28 | or use CDN 29 | ``` 30 | https://cdn.jsdelivr.net/npm/the-grid-flexbox@2.0.1/css/the-grid.min.css 31 | ``` 32 | -------------------------------------------------------------------------------- /css/master.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 5 | /* color: #222 */ 6 | } 7 | 8 | *, 9 | *::before, 10 | *::after { 11 | box-sizing: inherit; 12 | } 13 | 14 | html, 15 | body { 16 | height: 100%; 17 | font-family: sans-serif; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | } 21 | 22 | html { 23 | box-sizing: border-box; 24 | -ms-overflow-style: scrollbar; 25 | } 26 | 27 | h1, 28 | h2, 29 | h3, 30 | h4, 31 | h5, 32 | h6 { 33 | margin-top: 0; 34 | margin-bottom: 0; 35 | padding-top: 0; 36 | padding-bottom: 0; 37 | } 38 | 39 | b, 40 | strong { 41 | font-weight: bolder; 42 | } 43 | 44 | p { 45 | margin-top: 0; 46 | margin-bottom: 0; 47 | } 48 | 49 | a { 50 | color: #007bff; 51 | text-decoration: none; 52 | background-color: transparent; 53 | -webkit-text-decoration-skip: objects; 54 | } 55 | 56 | a:hover { 57 | color: #0056b3; 58 | } 59 | 60 | input, 61 | button, 62 | select, 63 | optgroup, 64 | textarea { 65 | margin: 0; 66 | font-family: inherit; 67 | font-size: inherit; 68 | line-height: inherit; 69 | outline: none 70 | } 71 | 72 | img { 73 | vertical-align: middle; 74 | border-style: none; 75 | } 76 | 77 | svg:not(:root) { 78 | overflow: hidden; 79 | } 80 | 81 | pre, 82 | code { 83 | width: 100%; 84 | box-sizing: border-box; 85 | } 86 | 87 | [hidden] { 88 | display: none !important; 89 | } 90 | 91 | .hljs { 92 | background: #222!important 93 | } 94 | 95 | .head { 96 | min-height: 100vh!important; 97 | width: 100%; 98 | padding: 0!important; 99 | text-align: center; 100 | } 101 | 102 | .head-box { 103 | width: 400px; 104 | max-width: 90%; 105 | } 106 | 107 | .head h1 { 108 | font-size: 6em; 109 | color: #222 110 | } 111 | 112 | .head p { 113 | font-size: 1.7em; 114 | color: rgba(34, 34, 34, 0.7) 115 | } 116 | 117 | .size { 118 | width: 1200px; 119 | max-width: 90%; 120 | } 121 | 122 | .example h1 { 123 | font-size: 2.5em!important; 124 | } 125 | 126 | .margin { 127 | margin: 0 auto 128 | } 129 | 130 | .example { 131 | min-height: 50vh; 132 | padding-top: 20vh; 133 | padding-bottom: 20vh; 134 | box-sizing: border-box 135 | } 136 | 137 | .example .container, 138 | .example .row { 139 | background: #222; 140 | margin-top: 10px; 141 | margin-bottom: 10px; 142 | width: 100%; 143 | } 144 | 145 | .container.column .box, 146 | .container.column-reverse .box {} 147 | 148 | .example .container.no-wrap .box, 149 | .example .container.wrap .box {} 150 | 151 | .example .container.no-wrap .box.flex-grow-1, 152 | .example .container.wrap .box.flex-grow-1, 153 | .example .container.no-wrap .box.flex-grow-2, 154 | .example .container.wrap .box.flex-grow-2, 155 | .example .container.no-wrap .box.flex-grow-3, 156 | .example .container.wrap .box.flex-grow-3, 157 | .example .container.no-wrap .box.flex-grow-4, 158 | .example .container.wrap .box.flex-grow-4, 159 | .example .container.no-wrap .box.flex-grow-5, 160 | .example .container.wrap .box.flex-grow-5, 161 | .example .container.no-wrap .box.flex-grow-6, 162 | .example .container.wrap .box.flex-grow-6, 163 | .example .container.no-wrap .box.flex-grow-7, 164 | .example .container.wrap .box.flex-grow-7, 165 | .example .container.no-wrap .box.flex-grow-8, 166 | .example .container.wrap .box.flex-grow-8, 167 | .example .container.no-wrap .box.flex-grow-9, 168 | .example .container.wrap .box.flex-grow-9, 169 | .example .container.no-wrap .box.flex-grow-10, 170 | .example .container.wrap .box.flex-grow-10, 171 | .example .container.no-wrap .box.flex-grow-11, 172 | .example .container.wrap .box.flex-grow-11, 173 | .example .container.no-wrap .box.flex-grow-12, 174 | .example .container.wrap .box.flex-grow-12 {} 175 | 176 | .align-items-stretch, 177 | .align-items-baseline, 178 | .align-items-start, 179 | .align-items-center, 180 | .align-items-end { 181 | min-height: 200px; 182 | } 183 | 184 | .hr { 185 | padding-top: 10px; 186 | padding-bottom: 10px; 187 | } 188 | 189 | .hr .green { 190 | width: 100px; 191 | height: 10px; 192 | border-radius: 20px; 193 | background: #50fa7b; 194 | border: none; 195 | margin: 0 auto 196 | } 197 | 198 | .box, 199 | [class*="basis-"], 200 | [class*="basis-"], 201 | [class*="col-"] { 202 | background: #50fa7b; 203 | margin: 10px; 204 | padding: 10px; 205 | border-radius: 20px; 206 | box-sizing: border-box; 207 | color: #fff; 208 | text-align: center; 209 | } 210 | 211 | @media screen and (max-width: 480px) { 212 | .head { 213 | min-height: 50vh!important; 214 | } 215 | .head h1 { 216 | font-size: 3em; 217 | } 218 | .head p { 219 | font-size: 1em; 220 | } 221 | .example h1 { 222 | font-size: 1.5em!important; 223 | } 224 | .box, 225 | [class*="basis-"], 226 | [class*="basis-"], 227 | [class*="col-"] { 228 | margin: 5px!important; 229 | padding: 5px!important; 230 | } 231 | } -------------------------------------------------------------------------------- /css/the-grid.min.css: -------------------------------------------------------------------------------- 1 | *,.border-box,::after,::before{box-sizing:border-box}*{margin:0;padding:0}.margin,.space{margin:0 auto}.align-center{justify-content:center;align-items:center}.container{display:flex}.container-inline{display:inline-flex}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.wrap-reverse{flex-wrap:wrap-reverse}.row{flex-direction:row}.row-reverse{flex-direction:row-reverse}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3{flex-grow:3}.flex-grow-4{flex-grow:4}.flex-grow-5{flex-grow:5}.flex-grow-6{flex-grow:6}.flex-grow-7{flex-grow:7}.flex-grow-8{flex-grow:8}.flex-grow-9{flex-grow:9}.flex-grow-10{flex-grow:10}.flex-grow-11{flex-grow:11}.flex-grow-12{flex-grow:12}.flex-basis-10{flex-basis:10px}.flex-basis-15{flex-basis:15px}.flex-basis-20{flex-basis:20px}.flex-basis-25{flex-basis:25px}.flex-basis-30{flex-basis:30px}.flex-basis-35{flex-basis:35px}.flex-basis-40{flex-basis:40px}.flex-basis-45{flex-basis:45px}.flex-basis-50{flex-basis:50px}.flex-basis-55{flex-basis:55px}.flex-basis-60{flex-basis:60px}.flex-basis-65{flex-basis:65px}.flex-basis-70{flex-basis:70px}.flex-basis-75{flex-basis:75px}.flex-basis-80{flex-basis:70px}.flex-basis-85{flex-basis:75px}.flex-basis-90{flex-basis:70px}.flex-basis-95{flex-basis:75px}.flex-basis-100{flex-basis:100px}.flex-basis-150{flex-basis:150px}.flex-basis-200{flex-basis:200px}.flex-basis-250{flex-basis:250px}.flex-basis-300{flex-basis:300px}.flex-basis-350{flex-basis:350px}.flex-basis-400{flex-basis:400px}.flex-basis-450{flex-basis:450px}.flex-basis-500{flex-basis:500px}.flex-basis-550{flex-basis:550px}.flex-basis-600{flex-basis:600px}.flex-basis-650{flex-basis:650px}.flex-basis-700{flex-basis:700px}.flex-basis-750{flex-basis:750px}.flex-basis-800{flex-basis:800px}.flex-basis-850{flex-basis:850px}.flex-basis-900{flex-basis:900px}.flex-basis-950{flex-basis:950px}.flex-basis-1000{flex-basis:1000px}.flex-basis-1050{flex-basis:1050px}.flex-basis-1100{flex-basis:1100px}.flex-basis-1150{flex-basis:1150px}.flex-basis-1200{flex-basis:1200px}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-1{flex-grow:0;flex-basis:8.333333%;max-width:8.333333%}.col-2{flex-grow:0;flex-basis:16.666667%;max-width:16.666667%}.col-3{flex-grow:0;flex-basis:25%;max-width:25%}.col-4{flex-grow:0;flex-basis:33.333333%;max-width:33.333333%}.col-5{flex-grow:0;flex-basis:41.666667%;max-width:41.666667%}.col-6{flex-grow:0;flex-basis:50%;max-width:50%}.col-7{flex-grow:0;flex-basis:58.333333%;max-width:58.333333%}.col-8{flex-grow:0;flex-basis:66.666667%;max-width:66.666667%}.col-9{flex-grow:0;flex-basis:75%;max-width:75%}.col-10{flex-grow:0;flex-basis:83.33333%;max-width:83.33333%}.col-11{flex-grow:0;flex-basis:91.666667%;max-width:91.666667%}.col-12{flex-grow:0;flex-basis:100%;max-width:100%}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-1{flex-grow:0;flex-basis:8.333333%;max-width:8.333333%}.col-sm-2{flex-grow:0;flex-basis:16.666667%;max-width:16.666667%}.col-sm-3{flex-grow:0;flex-basis:25%;max-width:25%}.col-sm-4{flex-grow:0;flex-basis:33.333333%;max-width:33.333333%}.col-sm-5{flex-grow:0;flex-basis:41.666667%;max-width:41.666667%}.col-sm-6{flex-grow:0;flex-basis:50%;max-width:50%}.col-sm-7{flex-grow:0;flex-basis:58.333333%;max-width:58.333333%}.col-sm-8{flex-grow:0;flex-basis:66.666667%;max-width:66.666667%}.col-sm-9{flex-grow:0;flex-basis:75%;max-width:75%}.col-sm-10{flex-grow:0;flex-basis:83.33333%;max-width:83.33333%}.col-sm-11{flex-grow:0;flex-basis:91.666667%;max-width:91.666667%}.col-sm-12{flex-grow:0;flex-basis:100%;max-width:100%}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.wrap-sm{flex-wrap:wrap}.no-wrap-sm{flex-wrap:nowrap}.wrap-reverse-sm{flex-wrap:wrap-reverse}.row-sm{flex-direction:row}.row-reverse-sm{flex-direction:row-reverse}.column-sm{flex-direction:column}.column-reverse-sm{flex-direction:column-reverse}.justify-content-sm-start{justify-content:flex-start}.justify-content-sm-center{justify-content:center}.justify-content-sm-end{justify-content:flex-end}.justify-content-sm-between{justify-content:space-between}.justify-content-sm-around{justify-content:space-around}.align-items-sm-start{align-items:flex-start}.align-items-sm-center{align-items:center}.align-items-sm-end{align-items:flex-end}.align-items-sm-baseline{align-items:baseline}.align-items-sm-stretch{align-items:stretch}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-1{flex-grow:0;flex-basis:8.333333%;max-width:8.333333%}.col-md-2{flex-grow:0;flex-basis:16.666667%;max-width:16.666667%}.col-md-3{flex-grow:0;flex-basis:25%;max-width:25%}.col-md-4{flex-grow:0;flex-basis:33.333333%;max-width:33.333333%}.col-md-5{flex-grow:0;flex-basis:41.666667%;max-width:41.666667%}.col-md-6{flex-grow:0;flex-basis:50%;max-width:50%}.col-md-7{flex-grow:0;flex-basis:58.333333%;max-width:58.333333%}.col-md-8{flex-grow:0;flex-basis:66.666667%;max-width:66.666667%}.col-md-9{flex-grow:0;flex-basis:75%;max-width:75%}.col-md-10{flex-grow:0;flex-basis:83.33333%;max-width:83.33333%}.col-md-11{flex-grow:0;flex-basis:91.666667%;max-width:91.666667%}.col-md-12{flex-grow:0;flex-basis:100%;max-width:100%}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.wrap-md{flex-wrap:wrap}.no-wrap-md{flex-wrap:nowrap}.wrap-reverse-md{flex-wrap:wrap-reverse}.row-md{flex-direction:row}.row-reverse-md{flex-direction:row-reverse}.column-md{flex-direction:column}.column-reverse-md{flex-direction:column-reverse}.justify-content-md-start{justify-content:flex-start}.justify-content-md-center{justify-content:center}.justify-content-md-end{justify-content:flex-end}.justify-content-md-between{justify-content:space-between}.justify-content-md-around{justify-content:space-around}.align-items-md-start{align-items:flex-start}.align-items-md-center{align-items:center}.align-items-md-end{align-items:flex-end}.align-items-md-baseline{align-items:baseline}.align-items-md-stretch{align-items:stretch}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-1{flex-grow:0;flex-basis:8.333333%;max-width:8.333333%}.col-lg-2{flex-grow:0;flex-basis:16.666667%;max-width:16.666667%}.col-lg-3{flex-grow:0;flex-basis:25%;max-width:25%}.col-lg-4{flex-grow:0;flex-basis:33.333333%;max-width:33.333333%}.col-lg-5{flex-grow:0;flex-basis:41.666667%;max-width:41.666667%}.col-lg-6{flex-grow:0;flex-basis:50%;max-width:50%}.col-lg-7{flex-grow:0;flex-basis:58.333333%;max-width:58.333333%}.col-lg-8{flex-grow:0;flex-basis:66.666667%;max-width:66.666667%}.col-lg-9{flex-grow:0;flex-basis:75%;max-width:75%}.col-lg-10{flex-grow:0;flex-basis:83.33333%;max-width:83.33333%}.col-lg-11{flex-grow:0;flex-basis:91.666667%;max-width:91.666667%}.col-lg-12{flex-grow:0;flex-basis:100%;max-width:100%}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.wrap-lg{flex-wrap:wrap}.no-wrap-lg{flex-wrap:nowrap}.wrap-reverse-lg{flex-wrap:wrap-reverse}.row-lg{flex-direction:row}.row-reverse-lg{flex-direction:row-reverse}.column-lg{flex-direction:column}.column-reverse-lg{flex-direction:column-reverse}.justify-content-lg-start{justify-content:flex-start}.justify-content-lg-center{justify-content:center}.justify-content-lg-end{justify-content:flex-end}.justify-content-lg-between{justify-content:space-between}.justify-content-lg-around{justify-content:space-around}.align-items-lg-start{align-items:flex-start}.align-items-lg-center{align-items:center}.align-items-lg-end{align-items:flex-end}.align-items-lg-baseline{align-items:baseline}.align-items-lg-stretch{align-items:stretch}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-1{flex-grow:0;flex-basis:8.333333%;max-width:8.333333%}.col-xl-2{flex-grow:0;flex-basis:16.666667%;max-width:16.666667%}.col-xl-3{flex-grow:0;flex-basis:25%;max-width:25%}.col-xl-4{flex-grow:0;flex-basis:33.333333%;max-width:33.333333%}.col-xl-5{flex-grow:0;flex-basis:41.666667%;max-width:41.666667%}.col-xl-6{flex-grow:0;flex-basis:50%;max-width:50%}.col-xl-7{flex-grow:0;flex-basis:58.333333%;max-width:58.333333%}.col-xl-8{flex-grow:0;flex-basis:66.666667%;max-width:66.666667%}.col-xl-9{flex-grow:0;flex-basis:75%;max-width:75%}.col-xl-10{flex-grow:0;flex-basis:83.33333%;max-width:83.33333%}.col-xl-11{flex-grow:0;flex-basis:91.666667%;max-width:91.666667%}.col-xl-12{flex-grow:0;flex-basis:100%;max-width:100%}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.wrap-xl{flex-wrap:wrap}.no-wrap-xl{flex-wrap:nowrap}.wrap-reverse-xl{flex-wrap:wrap-reverse}.row-xl{flex-direction:row}.row-reverse-xl{flex-direction:row-reverse}.column-xl{flex-direction:column}.column-reverse-xl{flex-direction:column-reverse}.justify-content-xl-start{justify-content:flex-start}.justify-content-xl-center{justify-content:center}.justify-content-xl-end{justify-content:flex-end}.justify-content-xl-between{justify-content:space-between}.justify-content-xl-around{justify-content:space-around}.align-items-xl-start{align-items:flex-start}.align-items-xl-center{align-items:center}.align-items-xl-end{align-items:flex-end}.align-items-xl-baseline{align-items:baseline}.align-items-xl-stretch{align-items:stretch}}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.space{width:90%}.margin-10{margin:10px}.margin-20{margin:20px}.margin-30{margin:30px}.margin-40{margin:40px}.margin-50{margin:50px}.padding-10{padding:10px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-50{padding:50px}.margin-left-10{margin-left:10px}.margin-left-20{margin-left:20px}.margin-left-30{margin-left:30px}.margin-left-40{margin-left:40px}.margin-left-50{margin-left:50px}.margin-right-10{margin-right:10px}.margin-right-20{margin-right:20px}.margin-right-30{margin-right:30px}.margin-right-40{margin-right:40px}.margin-right-50{margin-right:50px}.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.margin-top-30{margin-top:30px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.padding-left-10{padding-left:10px}.padding-left-20{padding-left:20px}.padding-left-30{padding-left:30px}.padding-left-40{padding-left:40px}.padding-left-50{padding-left:50px}.padding-right-10{padding-right:10px}.padding-right-20{padding-right:20px}.padding-right-30{padding-right:30px}.padding-right-40{padding-right:40px}.padding-right-50{padding-right:50px}.padding-top-10{padding-top:10px}.padding-top-20{padding-top:20px}.padding-top-30{padding-top:30px}.padding-top-40{padding-top:40px}.padding-top-50{padding-top:50px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-50{padding-bottom:50px} 2 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var sass = require('gulp-sass'); 3 | var autoprefixer = require('gulp-autoprefixer'); 4 | var sourcemaps = require('gulp-sourcemaps'); 5 | var browserSync = require('browser-sync').create(); 6 | var rename = require("gulp-rename"); 7 | var cleanCSS = require('gulp-clean-css'); 8 | 9 | var input = './src/sass/main.scss'; 10 | var output = './src/sass'; 11 | 12 | var sassOptions = { 13 | errLogToConsole: true, 14 | outputStyle: 'expanded' 15 | }; 16 | 17 | var autoprefixerOptions = { 18 | browsers: ['last 2 versions', '> 5%', 'Firefox ESR'] 19 | }; 20 | 21 | gulp.task('serve', ['sass'], function() { 22 | browserSync.init({ 23 | server: { 24 | baseDir: "./" 25 | } 26 | }); 27 | 28 | gulp.watch("./src/sass/**/*.scss", ['sass']); 29 | gulp.watch("*.html").on('change', browserSync.reload); 30 | }); 31 | 32 | gulp.task('sass', function() { 33 | return gulp 34 | .src(input) 35 | .pipe(sourcemaps.init()) 36 | .pipe(sass(sassOptions).on('error', sass.logError)) 37 | // .pipe(sourcemaps.write()) 38 | .pipe(autoprefixer(autoprefixerOptions)) 39 | // .pipe(cleanCSS({compatibility: 'ie8'})) 40 | .pipe(rename("the-grid.css")) 41 | .pipe(gulp.dest(output)) 42 | .pipe(browserSync.stream()); 43 | }); 44 | 45 | 46 | gulp.task('watch', function() { 47 | return gulp 48 | // Watch the input folder for change, 49 | // and run `sass` task when something happens 50 | .watch(input, ['sass']) 51 | // When there is a change, 52 | // log a message in the console 53 | .on('change', function(event) { 54 | console.log('File ' + event.path + ' was ' + event.type + ', running tasks...'); 55 | }); 56 | }); 57 | 58 | gulp.task('default', ['serve']); 59 | 60 | gulp.task('prod', function () { 61 | return gulp 62 | .src(input) 63 | .pipe(sass({ outputStyle: 'compressed' })) 64 | .pipe(autoprefixer(autoprefixerOptions)) 65 | .pipe(gulp.dest(output)); 66 | }); 67 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | The Grid 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 |
21 |

TheGrid

22 |
23 |
24 |
25 |

Simple grid based in flexbox. Botstrap 4 compatible.

26 |
27 |
28 | 29 |
30 | 31 |
32 |

Grid based on 12 columns (Like a bootstrap 4)

33 | 34 |
35 |
1
36 |
2
37 |
3
38 |
4
39 |
5
40 |
6
41 |
7
42 |
8
43 |
9
44 |
10
45 |
11
46 |
12
47 |
48 | 49 | 

 50 |  <div class="container column">
 51 |     <div class="col-1">1</div>
 52 |     <div class="col-2">2</div>
 53 |     <div class="col-3">3</div>
 54 |     <div class="col-4">4</div>
 55 |     <div class="col-5">5</div>
 56 |     <div class="col-6">6</div>
 57 |     <div class="col-7">7</div>
 58 |     <div class="col-8">8</div>
 59 |     <div class="col-9">9</div>
 60 |     <div class="col-10">10</div>
 61 |     <div class="col-11">11</div>
 62 |     <div class="col-12">12</div>
 63 |   </div>
 64 | 
 65 |
66 | 67 |
68 |
1
69 |
2
70 |
3
71 |
4
72 |
5
73 |
6
74 |
7
75 |
8
76 |
9
77 |
10
78 |
11
79 |
12
80 |
81 | 82 | 

 83 |  <div class="container column">
 84 |     <div class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1">1</div>
 85 |     <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2">2</div>
 86 |     <div class="col-3 col-sm-3 col-md-3 col-lg-3 col-xl-3">3</div>
 87 |     <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">4</div>
 88 |     <div class="col-5 col-sm-5 col-md-5 col-lg-5 col-xl-5">5</div>
 89 |     <div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">6</div>
 90 |     <div class="col-7 col-sm-7 col-md-7 col-lg-7 col-xl-7">7</div>
 91 |     <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8">8</div>
 92 |     <div class="col-9 col-sm-9 col-md-9 col-lg-9 col-xl-9">9</div>
 93 |     <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10">10</div>
 94 |     <div class="col-11 col-sm-11 col-md-11 col-lg-11 col-xl-11">11</div>
 95 |     <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">12</div>
 96 |   </div>
 97 | 
 98 |
99 | 100 |
101 |
1
102 |
103 | 104 | 

105 | <div class="container">
106 |   <div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">1</div>
107 | </div>
108 | 
109 |
110 |
111 | 112 |
113 |

Order control(Resize screen)

114 | 115 |
116 |
1
117 |
2
118 |
3
119 |
4
120 |
5
121 |
6
122 |
7
123 |
8
124 |
9
125 |
10
126 |
11
127 |
12
128 |
129 | 130 | 

131 |  <div class="container column">
132 |     <div class="col-1 col-xl-1 order-xl-1 order-sm-12 order-12">1</div>
133 |     <div class="col-2 col-xl-2 order-xl-2 order-sm-11 order-11">2</div>
134 |     <div class="col-3 col-xl-3 order-xl-3 order-sm-10 order-10">3</div>
135 |     <div class="col-4 col-xl-4 order-xl-4 order-sm-9 order-9">4</div>
136 |     <div class="col-5 col-xl-5 order-xl-5 order-sm-8 order-8">5</div>
137 |     <div class="col-6 col-xl-6 order-xl-6 order-sm-7 order-7">6</div>
138 |     <div class="col-7 col-xl-7 order-xl-7 order-sm-6 order-6">7</div>
139 |     <div class="col-8 col-xl-8 order-xl-8 order-sm-5 order-5">8</div>
140 |     <div class="col-9 col-xl-9 order-xl-9 order-sm-4 order-4">9</div>
141 |     <div class="col-10 col-xl-10 order-xl-10 order-sm-3 order-3">10</div>
142 |     <div class="col-11 col-xl-11 order-xl-11 order-sm-2 order-2">11</div>
143 |     <div class="col-12 col-xl-12 order-xl-12 order-sm-1 order-1">12</div>
144 |   </div>
145 | 
146 |
147 |
148 | 149 | 150 | 151 |
152 |

Container row

153 |
154 |
1
155 |
2
156 |
157 | 

158 | <div class="container">
159 |   <div class="">1</div>
160 |   <div class="">2</div>
161 | </div>
162 | 
163 |
164 |
165 | 166 |
167 |

Container row-reverse

168 |
169 |
1
170 |
2
171 |
172 | 

173 | <div class="container row-reverse">
174 |   <div class="">1</div>
175 |   <div class="">2</div>
176 | </div>
177 | 
178 |
179 |
180 | 181 |
182 |

Container column

183 |
184 |
1
185 |
2
186 |
187 | 

188 | <div class="container column">
189 |   <div class="">1</div>
190 |   <div class="">2</div>
191 | </div>
192 | 
193 |
194 |
195 | 196 |
197 |

Container column-reverse

198 |
199 |
1
200 |
2
201 |
202 | 

203 | <div class="container column-reverse">
204 |   <div class="">1</div>
205 |   <div class="">2</div>
206 | </div>
207 | 
208 |
209 |
210 | 211 |
212 |

Flex-wrap: wrap

213 |
214 |
1
215 |
2
216 |
217 | 

218 | <div class="container wrap">
219 |   <div class="">1</div>
220 |   <div class="">2</div>
221 | </div>
222 | 
223 |
224 |
225 | 226 |
227 |

Flex-wrap: nowrap

228 | 229 |
230 |
1
231 |
2
232 |
233 | 

234 | <div class="container no-wrap">
235 |   <div class="">1</div>
236 |   <div class="">2</div>
237 | </div>
238 | 
239 |
240 |
241 | 242 | 243 |
244 |

Justify-content

245 | 246 |
247 |
1
248 |
2
249 |
250 | 

251 | <div class="container justify-content-start">
252 |   <div class="">1</div>
253 |   <div class="">2</div>
254 | </div>
255 |
256 | 257 |
258 |
1
259 |
2
260 |
261 | 

262 | <div class="container justify-content-center">
263 |   <div class="">1</div>
264 |   <div class="">2</div>
265 | </div>
266 |
267 | 268 |
269 |
1
270 |
2
271 |
272 | 

273 | <div class="container justify-content-end">
274 |   <div class="">1</div>
275 |   <div class="">2</div>
276 | </div>
277 |
278 | 279 |
280 |
1
281 |
2
282 |
283 | 

284 | <div class="container justify-content-between">
285 |   <div class="">1</div>
286 |   <div class="">2</div>
287 | </div>
288 |
289 | 290 |
291 |
1
292 |
2
293 |
294 | 

295 | <div class="container justify-content-around">
296 |   <div class="">1</div>
297 |   <div class="">2</div>
298 | </div>
299 |
300 |
301 | 302 |
303 |

Align-items

304 | 305 |
306 |
1
307 |
2
308 |
309 | 

310 | <div class="container align-items-start">
311 |   <div class="">1</div>
312 |   <div class="">2</div>
313 | </div>
314 | 
315 |
316 | 317 |
318 |
1
319 |
2
320 |
321 | 

322 | <div class="container align-items-center">
323 |   <div class="">1</div>
324 |   <div class="">2</div>
325 | </div>
326 | 
327 |
328 | 329 |
330 |
1
331 |
2
332 |
333 | 

334 | <div class="container align-items-end">
335 |   <div class="">1</div>
336 |   <div class="">2</div>
337 | </div>
338 | 
339 |
340 | 341 |
342 |
1
343 |
2
344 |
345 | 

346 | <div class="container align-items-baseline">
347 |   <div class="">1</div>
348 |   <div class="">2</div>
349 | </div>
350 | 
351 |
352 | 353 |
354 |
1
355 |
2
356 |
357 | 

358 | <div class="container align-items-stretch">
359 |   <div class="">1</div>
360 |   <div class="">2</div>
361 | </div>
362 | 
363 |
364 |
365 | 366 |
367 |

Align-self

368 | 369 |
370 |
1
371 |
3
372 |
3
373 |
2
374 |
4
375 |
376 | 

377 | <div class="container align-items-center">
378 |     <div class="">1</div>
379 |     <div class="align-self-start">2</div>
380 |     <div class="align-self-center">3</div>
381 |     <div class="align-self-end">4</div>
382 |     <div class="align-self-stretch">5</div>
383 |   </div>
384 | 
385 |
386 |
387 | 388 |
389 |

Flex-grow

390 |
391 |
1
392 |
393 | 

394 | <div class="container">
395 |   <div class="flex-grow-1">1</div>
396 | </div>
397 | 
398 |
399 |
400 |
1
401 |
2
402 |
403 | 

404 | <div class="container">
405 |   <div class="flex-grow-1">1</div>
406 |   <div class="flex-grow-1">2</div>
407 | </div>
408 | 
409 |
410 | 411 | 412 | 413 |
414 |
1
415 |
2
416 |
417 | 

418 | <div class="container">
419 |   <div class="flex-grow-1">1</div>
420 |   <div class="flex-grow-5">2</div>
421 | </div>
422 | 
423 |
424 | 425 |
426 |
1
427 |
2
428 |
3
429 |
4
430 |
5
431 |
432 | 433 | 

434 | <div class="container wrap">
435 |   <div class="flex-grow-1">1</div>
436 |   <div class="flex-grow-2">2</div>
437 |   <div class="flex-grow-3">3</div>
438 |   <div class="flex-grow-4">4</div>
439 |   <div class="flex-grow-5">5</div>
440 | </div>
441 | 
442 |
443 |
444 | 445 |
446 |

Flex-basis

447 |
448 |
1
449 |
2
450 |
3
451 |
452 | 

453 | <div class="container wrap">
454 |  <div class="flex-basis-100">1</div>
455 |  <div class="flex-basis-200">2</div>
456 |  <div class="flex-basis-300">3</div>
457 | </div>
458 | 
459 |
460 | 461 |
462 |
1
463 |
2
464 |
3
465 |
466 | 

467 | <div class="container wrap">
468 |  <div class="flex-basis-100">1</div>
469 |  <div class="flex-basis-200">2</div>
470 |  <div class="flex-basis-300 flex-grow-1">3</div>
471 | </div>
472 | 
473 |
474 | 475 |
476 |
1
477 |
2
478 |
3
479 |
480 | 

481 | <div class="container wrap column">
482 |  <div class="flex-basis-100">1</div>
483 |  <div class="flex-basis-200">2</div>
484 |  <div class="flex-basis-300 flex-grow-1">3</div>
485 | </div>
486 | 
487 |
488 | 489 | 490 |
491 |
1
492 |
493 |
494 |
1
495 |
496 |
497 |
1
498 |
499 |
500 |
1
501 |
502 |
503 |
1
504 |
505 |
506 |
1
507 |
508 |
509 |
1
510 |
511 |
512 |
1
513 |
514 |
515 |
1
516 |
517 |
518 |
1
519 |
520 |
521 |
1
522 |
523 |
524 |
1
525 |
526 | 

527 | <div class="container">
528 |  <div class="flex-basis-100">1</div>
529 | </div>
530 | 
531 | <div class="container">
532 |  <div class="flex-basis-200">2</div>
533 | </div>
534 | 
535 | <div class="container">
536 |  <div class="flex-basis-300">3</div>
537 | </div>
538 | 
539 | <div class="container">
540 |  <div class="flex-basis-400">4</div>
541 | </div>
542 | 
543 | <div class="container">
544 |  <div class="flex-basis-500">5</div>
545 | </div>
546 | 
547 | <div class="container">
548 |  <div class="flex-basis-600">6</div>
549 | </div>
550 | 
551 | <div class="container">
552 |  <div class="flex-basis-700">7</div>
553 | </div>
554 | 
555 | <div class="container">
556 |   <div class="flex-basis-800">8</div>
557 | </div>
558 | 
559 | <div class="container">
560 |   <div class="flex-basis-900">9</div>
561 | </div>
562 | 
563 | <div class="container">
564 |   <div class="flex-basis-1000">10</div>
565 | </div>
566 | 
567 | <div class="container">
568 |   <div class="flex-basis-1100">11</div>
569 | </div>
570 | 
571 | <div class="container">
572 |   <div class="flex-basis-1200">12</div>
573 | </div>
574 | 
575 |
576 |
577 | 578 | 579 | 580 | 581 |
582 | 583 | 584 | 587 | 588 | 589 | 590 | -------------------------------------------------------------------------------- /js/highlightjs/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gustavoquinalha/the-grid/f52c7075d3024cd9d6c8c376a9ba5ba41e988599/js/highlightjs/.DS_Store -------------------------------------------------------------------------------- /js/highlightjs/LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2006, Ivan Sagalaev 2 | All rights reserved. 3 | Redistribution and use in source and binary forms, with or without 4 | modification, are permitted provided that the following conditions are met: 5 | 6 | * Redistributions of source code must retain the above copyright 7 | notice, this list of conditions and the following disclaimer. 8 | * Redistributions in binary form must reproduce the above copyright 9 | notice, this list of conditions and the following disclaimer in the 10 | documentation and/or other materials provided with the distribution. 11 | * Neither the name of highlight.js nor the names of its contributors 12 | may be used to endorse or promote products derived from this software 13 | without specific prior written permission. 14 | 15 | THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND ANY 16 | EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 17 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 18 | DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY 19 | DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 20 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 21 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 22 | ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 23 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 24 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 25 | -------------------------------------------------------------------------------- /js/highlightjs/README.md: -------------------------------------------------------------------------------- 1 | # Highlight.js 2 | 3 | [![Build Status](https://travis-ci.org/isagalaev/highlight.js.svg?branch=master)](https://travis-ci.org/isagalaev/highlight.js) 4 | 5 | Highlight.js is a syntax highlighter written in JavaScript. It works in 6 | the browser as well as on the server. It works with pretty much any 7 | markup, doesn’t depend on any framework and has automatic language 8 | detection. 9 | 10 | ## Getting Started 11 | 12 | The bare minimum for using highlight.js on a web page is linking to the 13 | library along with one of the styles and calling 14 | [`initHighlightingOnLoad`][1]: 15 | 16 | ```html 17 | 18 | 19 | 20 | ``` 21 | 22 | This will find and highlight code inside of `
` tags; it tries
 23 | to detect the language automatically. If automatic detection doesn’t
 24 | work for you, you can specify the language in the `class` attribute:
 25 | 
 26 | ```html
 27 | 
...

 28 | ```
 29 | 
 30 | The list of supported language classes is available in the [class
 31 | reference][2].  Classes can also be prefixed with either `language-` or
 32 | `lang-`.
 33 | 
 34 | To disable highlighting altogether use the `nohighlight` class:
 35 | 
 36 | ```html
 37 | 
...

 38 | ```
 39 | 
 40 | ## Custom Initialization
 41 | 
 42 | When you need a bit more control over the initialization of
 43 | highlight.js, you can use the [`highlightBlock`][3] and [`configure`][4]
 44 | functions. This allows you to control *what* to highlight and *when*.
 45 | 
 46 | Here’s an equivalent way to calling [`initHighlightingOnLoad`][1] using
 47 | jQuery:
 48 | 
 49 | ```javascript
 50 | $(document).ready(function() {
 51 |   $('pre code').each(function(i, block) {
 52 |     hljs.highlightBlock(block);
 53 |   });
 54 | });
 55 | ```
 56 | 
 57 | You can use any tags instead of `
` to mark up your code. If
 58 | you don't use a container that preserve line breaks you will need to
 59 | configure highlight.js to use the `
` tag:
 60 | 
 61 | ```javascript
 62 | hljs.configure({useBR: true});
 63 | 
 64 | $('div.code').each(function(i, block) {
 65 |   hljs.highlightBlock(block);
 66 | });
 67 | ```
 68 | 
 69 | For other options refer to the documentation for [`configure`][4].
 70 | 
 71 | 
 72 | ## Web Workers
 73 | 
 74 | You can run highlighting inside a web worker to avoid freezing the browser
 75 | window while dealing with very big chunks of code.
 76 | 
 77 | In your main script:
 78 | 
 79 | ```javascript
 80 | addEventListener('load', function() {
 81 |   var code = document.querySelector('#code');
 82 |   var worker = new Worker('worker.js');
 83 |   worker.onmessage = function(event) { code.innerHTML = event.data; }
 84 |   worker.postMessage(code.textContent);
 85 | })
 86 | ```
 87 | 
 88 | In worker.js:
 89 | 
 90 | ```javascript
 91 | onmessage = function(event) {
 92 |   importScripts('/highlight.pack.js');
 93 |   var result = self.hljs.highlightAuto(event.data);
 94 |   postMessage(result.value);
 95 | }
 96 | ```
 97 | 
 98 | 
 99 | ## Getting the Library
100 | 
101 | You can get highlight.js as a hosted, or custom-build, browser script or
102 | as a server module. Right out of the box the browser script supports
103 | both AMD and CommonJS, so if you wish you can use RequireJS or
104 | Browserify without having to build from source. The server module also
105 | works perfectly fine with Browserify, but there is the option to use a
106 | build specific to browsers rather than something meant for a server.
107 | Head over to the [download page][5] for all the options.
108 | 
109 | **Don't link to GitHub directly.** The library is not supposed to work straight
110 | from the source, it requires building. If none of the pre-packaged options
111 | work for you refer to the [building documentation][6].
112 | 
113 | **The CDN-hosted package doesn't have all the languages.** Otherwise it'd be
114 | too big. If you don't see the language you need in the ["Common" section][5],
115 | it can be added manually:
116 | 
117 | ```html
118 | 
119 | ```
120 | 
121 | **On Almond.** You need to use the optimizer to give the module a name. For
122 | example:
123 | 
124 | ```
125 | r.js -o name=hljs paths.hljs=/path/to/highlight out=highlight.js
126 | ```
127 | 
128 | 
129 | ## License
130 | 
131 | Highlight.js is released under the BSD License. See [LICENSE][7] file
132 | for details.
133 | 
134 | ## Links
135 | 
136 | The official site for the library is at .
137 | 
138 | Further in-depth documentation for the API and other topics is at
139 | .
140 | 
141 | Authors and contributors are listed in the [AUTHORS.en.txt][8] file.
142 | 
143 | [1]: http://highlightjs.readthedocs.io/en/latest/api.html#inithighlightingonload
144 | [2]: http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html
145 | [3]: http://highlightjs.readthedocs.io/en/latest/api.html#highlightblock-block
146 | [4]: http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
147 | [5]: https://highlightjs.org/download/
148 | [6]: http://highlightjs.readthedocs.io/en/latest/building-testing.html
149 | [7]: https://github.com/isagalaev/highlight.js/blob/master/LICENSE
150 | [8]: https://github.com/isagalaev/highlight.js/blob/master/AUTHORS.en.txt
151 | 


--------------------------------------------------------------------------------
/js/highlightjs/README.ru.md:
--------------------------------------------------------------------------------
  1 | # Highlight.js
  2 | 
  3 | Highlight.js — это инструмент для подсветки синтаксиса, написанный на JavaScript. Он работает
  4 | и в браузере, и на сервере. Он работает с практически любой HTML разметкой, не
  5 | зависит от каких-либо фреймворков и умеет автоматически определять язык.
  6 | 
  7 | 
  8 | ## Начало работы
  9 | 
 10 | Минимум, что нужно сделать для использования highlight.js на веб-странице — это
 11 | подключить библиотеку, CSS-стили и вызывать [`initHighlightingOnLoad`][1]:
 12 | 
 13 | ```html
 14 | 
 15 | 
 16 | 
 17 | ```
 18 | 
 19 | Библиотека найдёт и раскрасит код внутри тегов `
`, попытавшись
 20 | автоматически определить язык. Когда автоопределение не срабатывает, можно явно
 21 | указать язык в атрибуте class:
 22 | 
 23 | ```html
 24 | 
...

 25 | ```
 26 | 
 27 | Список поддерживаемых классов языков доступен в [справочнике по классам][2].
 28 | Класс также можно предварить префиксами `language-` или `lang-`.
 29 | 
 30 | Чтобы отключить подсветку для какого-то блока, используйте класс `nohighlight`:
 31 | 
 32 | ```html
 33 | 
...

 34 | ```
 35 | 
 36 | ## Инициализация вручную
 37 | 
 38 | Чтобы иметь чуть больше контроля за инициализацией подсветки, вы можете
 39 | использовать функции [`highlightBlock`][3] и [`configure`][4]. Таким образом
 40 | можно управлять тем, *что* и *когда* подсвечивать.
 41 | 
 42 | Вот пример инициализации, эквивалентной вызову [`initHighlightingOnLoad`][1], но
 43 | с использованием jQuery:
 44 | 
 45 | ```javascript
 46 | $(document).ready(function() {
 47 |   $('pre code').each(function(i, block) {
 48 |     hljs.highlightBlock(block);
 49 |   });
 50 | });
 51 | ```
 52 | 
 53 | Вы можете использовать любые теги разметки вместо `
`. Если
 54 | используете контейнер, не сохраняющий переводы строк, вам нужно сказать
 55 | highlight.js использовать для них тег `
`:
 56 | 
 57 | ```javascript
 58 | hljs.configure({useBR: true});
 59 | 
 60 | $('div.code').each(function(i, block) {
 61 |   hljs.highlightBlock(block);
 62 | });
 63 | ```
 64 | 
 65 | Другие опции можно найти в документации функции [`configure`][4].
 66 | 
 67 | 
 68 | ## Web Workers
 69 | 
 70 | Подсветку можно запустить внутри web worker'а, чтобы окно
 71 | браузера не подтормаживало при работе с большими кусками кода.
 72 | 
 73 | В основном скрипте:
 74 | 
 75 | ```javascript
 76 | addEventListener('load', function() {
 77 |   var code = document.querySelector('#code');
 78 |   var worker = new Worker('worker.js');
 79 |   worker.onmessage = function(event) { code.innerHTML = event.data; }
 80 |   worker.postMessage(code.textContent);
 81 | })
 82 | ```
 83 | 
 84 | В worker.js:
 85 | 
 86 | ```javascript
 87 | onmessage = function(event) {
 88 |   importScripts('/highlight.pack.js');
 89 |   var result = self.hljs.highlightAuto(event.data);
 90 |   postMessage(result.value);
 91 | }
 92 | ```
 93 | 
 94 | 
 95 | ## Установка библиотеки
 96 | 
 97 | Highlight.js можно использовать в браузере прямо с CDN хостинга или скачать
 98 | индивидуальную сборку, а также установив модуль на сервере. На
 99 | [странице загрузки][5] подробно описаны все варианты.
100 | 
101 | **Не подключайте GitHub напрямую.** Библиотека не предназначена для
102 | использования в виде исходного кода, а требует отдельной сборки. Если вам не
103 | подходит ни один из готовых вариантов, читайте [документацию по сборке][6].
104 | 
105 | **Файл на CDN содержит не все языки.** Иначе он будет слишком большого размера.
106 | Если нужного вам языка нет в [категории "Common"][5], можно дообавить его
107 | вручную:
108 | 
109 | ```html
110 | 
111 | ```
112 | 
113 | **Про Almond.** Нужно задать имя модуля в оптимизаторе, например:
114 | 
115 | ```
116 | r.js -o name=hljs paths.hljs=/path/to/highlight out=highlight.js
117 | ```
118 | 
119 | 
120 | ## Лицензия
121 | 
122 | Highlight.js распространяется под лицензией BSD. Подробнее читайте файл
123 | [LICENSE][7].
124 | 
125 | 
126 | ## Ссылки
127 | 
128 | Официальный сайт билиотеки расположен по адресу .
129 | 
130 | Более подробная документация по API и другим темам расположена на
131 | .
132 | 
133 | Авторы и контрибьюторы перечислены в файле [AUTHORS.ru.txt][8] file.
134 | 
135 | [1]: http://highlightjs.readthedocs.io/en/latest/api.html#inithighlightingonload
136 | [2]: http://highlightjs.readthedocs.io/en/latest/css-classes-reference.html
137 | [3]: http://highlightjs.readthedocs.io/en/latest/api.html#highlightblock-block
138 | [4]: http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
139 | [5]: https://highlightjs.org/download/
140 | [6]: http://highlightjs.readthedocs.io/en/latest/building-testing.html
141 | [7]: https://github.com/isagalaev/highlight.js/blob/master/LICENSE
142 | [8]: https://github.com/isagalaev/highlight.js/blob/master/AUTHORS.ru.txt
143 | 


--------------------------------------------------------------------------------
/js/highlightjs/highlight.pack.js:
--------------------------------------------------------------------------------
1 | /*! highlight.js v9.12.0 | BSD3 License | git.io/hljslicense */
2 | !function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"!=typeof exports?e(exports):n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs}))}(function(e){function n(e){return e.replace(/&/g,"&").replace(//g,">")}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0===t.index}function a(e){return k.test(e)}function i(e){var n,t,r,i,o=e.className+" ";if(o+=e.parentNode?e.parentNode.className:"",t=B.exec(o))return w(t[1])?t[1]:"no-highlight";for(o=o.split(/\s+/),n=0,r=o.length;r>n;n++)if(i=o[n],a(i)||w(i))return i}function o(e){var n,t={},r=Array.prototype.slice.call(arguments,1);for(n in e)t[n]=e[n];return r.forEach(function(e){for(n in e)t[n]=e[n]}),t}function u(e){var n=[];return function r(e,a){for(var i=e.firstChild;i;i=i.nextSibling)3===i.nodeType?a+=i.nodeValue.length:1===i.nodeType&&(n.push({event:"start",offset:a,node:i}),a=r(i,a),t(i).match(/br|hr|img|input/)||n.push({event:"stop",offset:a,node:i}));return a}(e,0),n}function c(e,r,a){function i(){return e.length&&r.length?e[0].offset!==r[0].offset?e[0].offset"}function u(e){s+=""}function c(e){("start"===e.event?o:u)(e.node)}for(var l=0,s="",f=[];e.length||r.length;){var g=i();if(s+=n(a.substring(l,g[0].offset)),l=g[0].offset,g===e){f.reverse().forEach(u);do c(g.splice(0,1)[0]),g=i();while(g===e&&g.length&&g[0].offset===l);f.reverse().forEach(o)}else"start"===g[0].event?f.push(g[0].node):f.pop(),c(g.splice(0,1)[0])}return s+n(a.substr(l))}function l(e){return e.v&&!e.cached_variants&&(e.cached_variants=e.v.map(function(n){return o(e,{v:null},n)})),e.cached_variants||e.eW&&[o(e)]||[e]}function s(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.cI?"i":"")+(r?"g":""))}function r(a,i){if(!a.compiled){if(a.compiled=!0,a.k=a.k||a.bK,a.k){var o={},u=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(" ").forEach(function(e){var t=e.split("|");o[t[0]]=[n,t[1]?Number(t[1]):1]})};"string"==typeof a.k?u("keyword",a.k):x(a.k).forEach(function(e){u(e,a.k[e])}),a.k=o}a.lR=t(a.l||/\w+/,!0),i&&(a.bK&&(a.b="\\b("+a.bK.split(" ").join("|")+")\\b"),a.b||(a.b=/\B|\b/),a.bR=t(a.b),a.e||a.eW||(a.e=/\B|\b/),a.e&&(a.eR=t(a.e)),a.tE=n(a.e)||"",a.eW&&i.tE&&(a.tE+=(a.e?"|":"")+i.tE)),a.i&&(a.iR=t(a.i)),null==a.r&&(a.r=1),a.c||(a.c=[]),a.c=Array.prototype.concat.apply([],a.c.map(function(e){return l("self"===e?a:e)})),a.c.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,i);var c=a.c.map(function(e){return e.bK?"\\.?("+e.b+")\\.?":e.b}).concat([a.tE,a.i]).map(n).filter(Boolean);a.t=c.length?t(c.join("|"),!0):{exec:function(){return null}}}}r(e)}function f(e,t,a,i){function o(e,n){var t,a;for(t=0,a=n.c.length;a>t;t++)if(r(n.c[t].bR,e))return n.c[t]}function u(e,n){if(r(e.eR,n)){for(;e.endsParent&&e.parent;)e=e.parent;return e}return e.eW?u(e.parent,n):void 0}function c(e,n){return!a&&r(n.iR,e)}function l(e,n){var t=N.cI?n[0].toLowerCase():n[0];return e.k.hasOwnProperty(t)&&e.k[t]}function p(e,n,t,r){var a=r?"":I.classPrefix,i='',i+n+o}function h(){var e,t,r,a;if(!E.k)return n(k);for(a="",t=0,E.lR.lastIndex=0,r=E.lR.exec(k);r;)a+=n(k.substring(t,r.index)),e=l(E,r),e?(B+=e[1],a+=p(e[0],n(r[0]))):a+=n(r[0]),t=E.lR.lastIndex,r=E.lR.exec(k);return a+n(k.substr(t))}function d(){var e="string"==typeof E.sL;if(e&&!y[E.sL])return n(k);var t=e?f(E.sL,k,!0,x[E.sL]):g(k,E.sL.length?E.sL:void 0);return E.r>0&&(B+=t.r),e&&(x[E.sL]=t.top),p(t.language,t.value,!1,!0)}function b(){L+=null!=E.sL?d():h(),k=""}function v(e){L+=e.cN?p(e.cN,"",!0):"",E=Object.create(e,{parent:{value:E}})}function m(e,n){if(k+=e,null==n)return b(),0;var t=o(n,E);if(t)return t.skip?k+=n:(t.eB&&(k+=n),b(),t.rB||t.eB||(k=n)),v(t,n),t.rB?0:n.length;var r=u(E,n);if(r){var a=E;a.skip?k+=n:(a.rE||a.eE||(k+=n),b(),a.eE&&(k=n));do E.cN&&(L+=C),E.skip||(B+=E.r),E=E.parent;while(E!==r.parent);return r.starts&&v(r.starts,""),a.rE?0:n.length}if(c(n,E))throw new Error('Illegal lexeme "'+n+'" for mode "'+(E.cN||"")+'"');return k+=n,n.length||1}var N=w(e);if(!N)throw new Error('Unknown language: "'+e+'"');s(N);var R,E=i||N,x={},L="";for(R=E;R!==N;R=R.parent)R.cN&&(L=p(R.cN,"",!0)+L);var k="",B=0;try{for(var M,j,O=0;;){if(E.t.lastIndex=O,M=E.t.exec(t),!M)break;j=m(t.substring(O,M.index),M[0]),O=M.index+j}for(m(t.substr(O)),R=E;R.parent;R=R.parent)R.cN&&(L+=C);return{r:B,value:L,language:e,top:E}}catch(T){if(T.message&&-1!==T.message.indexOf("Illegal"))return{r:0,value:n(t)};throw T}}function g(e,t){t=t||I.languages||x(y);var r={r:0,value:n(e)},a=r;return t.filter(w).forEach(function(n){var t=f(n,e,!1);t.language=n,t.r>a.r&&(a=t),t.r>r.r&&(a=r,r=t)}),a.language&&(r.second_best=a),r}function p(e){return I.tabReplace||I.useBR?e.replace(M,function(e,n){return I.useBR&&"\n"===e?"
":I.tabReplace?n.replace(/\t/g,I.tabReplace):""}):e}function h(e,n,t){var r=n?L[n]:t,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}function d(e){var n,t,r,o,l,s=i(e);a(s)||(I.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):n=e,l=n.textContent,r=s?f(s,l,!0):g(l),t=u(n),t.length&&(o=document.createElementNS("http://www.w3.org/1999/xhtml","div"),o.innerHTML=r.value,r.value=c(t,u(o),l)),r.value=p(r.value),e.innerHTML=r.value,e.className=h(e.className,s,r.language),e.result={language:r.language,re:r.r},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.r}))}function b(e){I=o(I,e)}function v(){if(!v.called){v.called=!0;var e=document.querySelectorAll("pre code");E.forEach.call(e,d)}}function m(){addEventListener("DOMContentLoaded",v,!1),addEventListener("load",v,!1)}function N(n,t){var r=y[n]=t(e);r.aliases&&r.aliases.forEach(function(e){L[e]=n})}function R(){return x(y)}function w(e){return e=(e||"").toLowerCase(),y[e]||y[L[e]]}var E=[],x=Object.keys,y={},L={},k=/^(no-?highlight|plain|text)$/i,B=/\blang(?:uage)?-([\w-]+)\b/i,M=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,C="",I={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=f,e.highlightAuto=g,e.fixMarkup=p,e.highlightBlock=d,e.configure=b,e.initHighlighting=v,e.initHighlightingOnLoad=m,e.registerLanguage=N,e.listLanguages=R,e.getLanguage=w,e.inherit=o,e.IR="[a-zA-Z]\\w*",e.UIR="[a-zA-Z_]\\w*",e.NR="\\b\\d+(\\.\\d+)?",e.CNR="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BNR="\\b(0b[01]+)",e.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BE={b:"\\\\[\\s\\S]",r:0},e.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[e.BE]},e.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[e.BE]},e.PWM={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.C=function(n,t,r){var a=e.inherit({cN:"comment",b:n,e:t,c:[]},r||{});return a.c.push(e.PWM),a.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),a},e.CLCM=e.C("//","$"),e.CBCM=e.C("/\\*","\\*/"),e.HCM=e.C("#","$"),e.NM={cN:"number",b:e.NR,r:0},e.CNM={cN:"number",b:e.CNR,r:0},e.BNM={cN:"number",b:e.BNR,r:0},e.CSSNM={cN:"number",b:e.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},e.RM={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[e.BE,{b:/\[/,e:/\]/,r:0,c:[e.BE]}]},e.TM={cN:"title",b:e.IR,r:0},e.UTM={cN:"title",b:e.UIR,r:0},e.METHOD_GUARD={b:"\\.\\s*"+e.UIR,r:0},e});hljs.registerLanguage("css",function(e){var c="[a-zA-Z-][a-zA-Z0-9_-]*",t={b:/[A-Z\_\.\-]+\s*:/,rB:!0,e:";",eW:!0,c:[{cN:"attribute",b:/\S/,e:":",eE:!0,starts:{eW:!0,eE:!0,c:[{b:/[\w-]+\(/,rB:!0,c:[{cN:"built_in",b:/[\w-]+/},{b:/\(/,e:/\)/,c:[e.ASM,e.QSM]}]},e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"number",b:"#[0-9A-Fa-f]+"},{cN:"meta",b:"!important"}]}}]};return{cI:!0,i:/[=\/|'\$]/,c:[e.CBCM,{cN:"selector-id",b:/#[A-Za-z0-9_-]+/},{cN:"selector-class",b:/\.[A-Za-z0-9_-]+/},{cN:"selector-attr",b:/\[/,e:/\]/,i:"$"},{cN:"selector-pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{b:"@",e:"[{;]",i:/:/,c:[{cN:"keyword",b:/\w+/},{b:/\s/,eW:!0,eE:!0,r:0,c:[e.ASM,e.QSM,e.CSSNM]}]},{cN:"selector-tag",b:c,r:0},{b:"{",e:"}",i:/\S/,c:[e.CBCM,t]}]}});hljs.registerLanguage("http",function(e){var t="HTTP/[0-9\\.]+";return{aliases:["https"],i:"\\S",c:[{b:"^"+t,e:"$",c:[{cN:"number",b:"\\b\\d{3}\\b"}]},{b:"^[A-Z]+ (.*?) "+t+"$",rB:!0,e:"$",c:[{cN:"string",b:" ",e:" ",eB:!0,eE:!0},{b:t},{cN:"keyword",b:"[A-Z]+"}]},{cN:"attribute",b:"^\\w",e:": ",eE:!0,i:"\\n|\\s|=",starts:{e:"$",r:0}},{b:"\\n\\n",starts:{sL:[],eW:!0}}]}});hljs.registerLanguage("javascript",function(e){var r="[A-Za-z$_][0-9A-Za-z$_]*",t={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},a={cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},n={cN:"subst",b:"\\$\\{",e:"\\}",k:t,c:[]},c={cN:"string",b:"`",e:"`",c:[e.BE,n]};n.c=[e.ASM,e.QSM,c,a,e.RM];var s=n.c.concat([e.CBCM,e.CLCM]);return{aliases:["js","jsx"],k:t,c:[{cN:"meta",r:10,b:/^\s*['"]use (strict|asm)['"]/},{cN:"meta",b:/^#!/,e:/$/},e.ASM,e.QSM,c,e.CLCM,e.CBCM,a,{b:/[{,]\s*/,r:0,c:[{b:r+"\\s*:",rB:!0,r:0,c:[{cN:"attr",b:r,r:0}]}]},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+r+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:r},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:t,c:s}]}]},{b://,sL:"xml",c:[{b:/<\w+\s*\/>/,skip:!0},{b:/<\w+/,e:/(\/\w+|\w+\/)>/,skip:!0,c:[{b:/<\w+\s*\/>/,skip:!0},"self"]}]}],r:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:r}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:s}],i:/\[|%/},{b:/\$[(.]/},e.METHOD_GUARD,{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]},{bK:"constructor",e:/\{/,eE:!0}],i:/#(?!!)/}});hljs.registerLanguage("xml",function(s){var e="[A-Za-z0-9\\._:-]+",t={eW:!0,i:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],cI:!0,c:[{cN:"meta",b:"",r:10,c:[{b:"\\[",e:"\\]"}]},s.C("",{r:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0}]},{cN:"tag",b:"|$)",e:">",k:{name:"style"},c:[t],starts:{e:"",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"|$)",e:">",k:{name:"script"},c:[t],starts:{e:"",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"meta",v:[{b:/<\?xml/,e:/\?>/,r:10},{b:/<\?\w+/,e:/\?>/}]},{cN:"tag",b:"",c:[{cN:"name",b:/[^\/><\s]+/,r:0},t]}]}});hljs.registerLanguage("markdown",function(e){return{aliases:["md","mkdown","mkd"],c:[{cN:"section",v:[{b:"^#{1,6}",e:"$"},{b:"^.+?\\n[=-]{2,}$"}]},{b:"<",e:">",sL:"xml",r:0},{cN:"bullet",b:"^([*+-]|(\\d+\\.))\\s+"},{cN:"strong",b:"[*_]{2}.+?[*_]{2}"},{cN:"emphasis",v:[{b:"\\*.+?\\*"},{b:"_.+?_",r:0}]},{cN:"quote",b:"^>\\s+",e:"$"},{cN:"code",v:[{b:"^```w*s*$",e:"^```s*$"},{b:"`.+?`"},{b:"^( {4}|	)",e:"$",r:0}]},{b:"^[-\\*]{3,}",e:"$"},{b:"\\[.+?\\][\\(\\[].*?[\\)\\]]",rB:!0,c:[{cN:"string",b:"\\[",e:"\\]",eB:!0,rE:!0,r:0},{cN:"link",b:"\\]\\(",e:"\\)",eB:!0,eE:!0},{cN:"symbol",b:"\\]\\[",e:"\\]",eB:!0,eE:!0}],r:10},{b:/^\[[^\n]+\]:/,rB:!0,c:[{cN:"symbol",b:/\[/,e:/\]/,eB:!0,eE:!0},{cN:"link",b:/:\s*/,e:/$/,eB:!0}]}]}});


--------------------------------------------------------------------------------
/js/highlightjs/styles/agate.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Agate by Taufik Nurrohman 
  3 |  * ----------------------------------------------------
  4 |  *
  5 |  * #ade5fc
  6 |  * #a2fca2
  7 |  * #c6b4f0
  8 |  * #d36363
  9 |  * #fcc28c
 10 |  * #fc9b9b
 11 |  * #ffa
 12 |  * #fff
 13 |  * #333
 14 |  * #62c8f3
 15 |  * #888
 16 |  *
 17 |  */
 18 | 
 19 | .hljs {
 20 |   display: block;
 21 |   overflow-x: auto;
 22 |   padding: 0.5em;
 23 |   background: #333;
 24 |   color: white;
 25 | }
 26 | 
 27 | .hljs-name,
 28 | .hljs-strong {
 29 |   font-weight: bold;
 30 | }
 31 | 
 32 | .hljs-code,
 33 | .hljs-emphasis {
 34 |   font-style: italic;
 35 | }
 36 | 
 37 | .hljs-tag {
 38 |   color: #62c8f3;
 39 | }
 40 | 
 41 | .hljs-variable,
 42 | .hljs-template-variable,
 43 | .hljs-selector-id,
 44 | .hljs-selector-class {
 45 |   color: #ade5fc;
 46 | }
 47 | 
 48 | .hljs-string,
 49 | .hljs-bullet {
 50 |   color: #a2fca2;
 51 | }
 52 | 
 53 | .hljs-type,
 54 | .hljs-title,
 55 | .hljs-section,
 56 | .hljs-attribute,
 57 | .hljs-quote,
 58 | .hljs-built_in,
 59 | .hljs-builtin-name {
 60 |   color: #ffa;
 61 | }
 62 | 
 63 | .hljs-number,
 64 | .hljs-symbol,
 65 | .hljs-bullet {
 66 |   color: #d36363;
 67 | }
 68 | 
 69 | .hljs-keyword,
 70 | .hljs-selector-tag,
 71 | .hljs-literal {
 72 |   color: #fcc28c;
 73 | }
 74 | 
 75 | .hljs-comment,
 76 | .hljs-deletion,
 77 | .hljs-code {
 78 |   color: #888;
 79 | }
 80 | 
 81 | .hljs-regexp,
 82 | .hljs-link {
 83 |   color: #c6b4f0;
 84 | }
 85 | 
 86 | .hljs-meta {
 87 |   color: #fc9b9b;
 88 | }
 89 | 
 90 | .hljs-deletion {
 91 |   background-color: #fc9b9b;
 92 |   color: #333;
 93 | }
 94 | 
 95 | .hljs-addition {
 96 |   background-color: #a2fca2;
 97 |   color: #333;
 98 | }
 99 | 
100 | .hljs a {
101 |   color: inherit;
102 | }
103 | 
104 | .hljs a:focus,
105 | .hljs a:hover {
106 |   color: inherit;
107 |   text-decoration: underline;
108 | }
109 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/androidstudio.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Date: 24 Fev 2015
 3 | Author: Pedro Oliveira 
 4 | */
 5 | 
 6 | .hljs {
 7 |   color: #a9b7c6;
 8 |   background: #282b2e;
 9 |   display: block;
10 |   overflow-x: auto;
11 |   padding: 0.5em;
12 | }
13 | 
14 | .hljs-number,
15 | .hljs-literal,
16 | .hljs-symbol,
17 | .hljs-bullet {
18 |   color: #6897BB;
19 | }
20 | 
21 | .hljs-keyword,
22 | .hljs-selector-tag,
23 | .hljs-deletion {
24 |   color: #cc7832;
25 | }
26 | 
27 | .hljs-variable,
28 | .hljs-template-variable,
29 | .hljs-link {
30 |   color: #629755;
31 | }
32 | 
33 | .hljs-comment,
34 | .hljs-quote {
35 |   color: #808080;
36 | }
37 | 
38 | .hljs-meta {
39 |   color: #bbb529;
40 | }
41 | 
42 | .hljs-string,
43 | .hljs-attribute,
44 | .hljs-addition {
45 |   color: #6A8759;
46 | }
47 | 
48 | .hljs-section,
49 | .hljs-title,
50 | .hljs-type {
51 |   color: #ffc66d;
52 | }
53 | 
54 | .hljs-name,
55 | .hljs-selector-id,
56 | .hljs-selector-class {
57 |   color: #e8bf6a;
58 | }
59 | 
60 | .hljs-emphasis {
61 |   font-style: italic;
62 | }
63 | 
64 | .hljs-strong {
65 |   font-weight: bold;
66 | }
67 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/arduino-light.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Arduino® Light Theme - Stefania Mellai 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #FFFFFF;
12 | }
13 | 
14 | .hljs,
15 | .hljs-subst {
16 |   color: #434f54;
17 | }
18 | 
19 | .hljs-keyword,
20 | .hljs-attribute,
21 | .hljs-selector-tag,
22 | .hljs-doctag,
23 | .hljs-name {
24 |   color: #00979D;
25 | }
26 | 
27 | .hljs-built_in,
28 | .hljs-literal,
29 | .hljs-bullet,
30 | .hljs-code,
31 | .hljs-addition {
32 |   color: #D35400;
33 | }
34 | 
35 | .hljs-regexp,
36 | .hljs-symbol,
37 | .hljs-variable,
38 | .hljs-template-variable,
39 | .hljs-link,
40 | .hljs-selector-attr,
41 | .hljs-selector-pseudo {
42 |   color: #00979D;
43 | }
44 | 
45 | .hljs-type,
46 | .hljs-string,
47 | .hljs-selector-id,
48 | .hljs-selector-class,
49 | .hljs-quote,
50 | .hljs-template-tag,
51 | .hljs-deletion {
52 |   color: #005C5F;
53 | }
54 | 
55 | .hljs-title,
56 | .hljs-section {
57 |   color: #880000;
58 |   font-weight: bold;
59 | }
60 | 
61 | .hljs-comment {
62 |   color: rgba(149,165,166,.8);
63 | }
64 | 
65 | .hljs-meta-keyword {
66 |   color: #728E00;
67 | }
68 | 
69 | .hljs-meta {
70 |   color: #728E00;
71 |   color: #434f54;
72 | }
73 | 
74 | .hljs-emphasis {
75 |   font-style: italic;
76 | }
77 | 
78 | .hljs-strong {
79 |   font-weight: bold;
80 | }
81 | 
82 | .hljs-function {
83 |   color: #728E00;
84 | }
85 | 
86 | .hljs-number {
87 |   color: #8A7B52;  
88 | }
89 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/arta.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Date: 17.V.2011
 3 | Author: pumbur 
 4 | */
 5 | 
 6 | .hljs {
 7 |   display: block;
 8 |   overflow-x: auto;
 9 |   padding: 0.5em;
10 |   background: #222;
11 | }
12 | 
13 | .hljs,
14 | .hljs-subst {
15 |   color: #aaa;
16 | }
17 | 
18 | .hljs-section {
19 |   color: #fff;
20 | }
21 | 
22 | .hljs-comment,
23 | .hljs-quote,
24 | .hljs-meta {
25 |   color: #444;
26 | }
27 | 
28 | .hljs-string,
29 | .hljs-symbol,
30 | .hljs-bullet,
31 | .hljs-regexp {
32 |   color: #ffcc33;
33 | }
34 | 
35 | .hljs-number,
36 | .hljs-addition {
37 |   color: #00cc66;
38 | }
39 | 
40 | .hljs-built_in,
41 | .hljs-builtin-name,
42 | .hljs-literal,
43 | .hljs-type,
44 | .hljs-template-variable,
45 | .hljs-attribute,
46 | .hljs-link {
47 |   color: #32aaee;
48 | }
49 | 
50 | .hljs-keyword,
51 | .hljs-selector-tag,
52 | .hljs-name,
53 | .hljs-selector-id,
54 | .hljs-selector-class {
55 |   color: #6644aa;
56 | }
57 | 
58 | .hljs-title,
59 | .hljs-variable,
60 | .hljs-deletion,
61 | .hljs-template-tag {
62 |   color: #bb1166;
63 | }
64 | 
65 | .hljs-section,
66 | .hljs-doctag,
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 
71 | .hljs-emphasis {
72 |   font-style: italic;
73 | }
74 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/ascetic.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: white;
12 |   color: black;
13 | }
14 | 
15 | .hljs-string,
16 | .hljs-variable,
17 | .hljs-template-variable,
18 | .hljs-symbol,
19 | .hljs-bullet,
20 | .hljs-section,
21 | .hljs-addition,
22 | .hljs-attribute,
23 | .hljs-link {
24 |   color: #888;
25 | }
26 | 
27 | .hljs-comment,
28 | .hljs-quote,
29 | .hljs-meta,
30 | .hljs-deletion {
31 |   color: #ccc;
32 | }
33 | 
34 | .hljs-keyword,
35 | .hljs-selector-tag,
36 | .hljs-section,
37 | .hljs-name,
38 | .hljs-type,
39 | .hljs-strong {
40 |   font-weight: bold;
41 | }
42 | 
43 | .hljs-emphasis {
44 |   font-style: italic;
45 | }
46 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-cave-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Cave Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Cave Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #7e7887;
 9 | }
10 | 
11 | /* Atelier-Cave Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-regexp,
16 | .hljs-link,
17 | .hljs-tag,
18 | .hljs-name,
19 | .hljs-selector-id,
20 | .hljs-selector-class {
21 |   color: #be4678;
22 | }
23 | 
24 | /* Atelier-Cave Orange */
25 | .hljs-number,
26 | .hljs-meta,
27 | .hljs-built_in,
28 | .hljs-builtin-name,
29 | .hljs-literal,
30 | .hljs-type,
31 | .hljs-params {
32 |   color: #aa573c;
33 | }
34 | 
35 | /* Atelier-Cave Green */
36 | .hljs-string,
37 | .hljs-symbol,
38 | .hljs-bullet {
39 |   color: #2a9292;
40 | }
41 | 
42 | /* Atelier-Cave Blue */
43 | .hljs-title,
44 | .hljs-section {
45 |   color: #576ddb;
46 | }
47 | 
48 | /* Atelier-Cave Purple */
49 | .hljs-keyword,
50 | .hljs-selector-tag {
51 |   color: #955ae7;
52 | }
53 | 
54 | .hljs-deletion,
55 | .hljs-addition {
56 |   color: #19171c;
57 |   display: inline-block;
58 |   width: 100%;
59 | }
60 | 
61 | .hljs-deletion {
62 |   background-color: #be4678;
63 | }
64 | 
65 | .hljs-addition {
66 |   background-color: #2a9292;
67 | }
68 | 
69 | .hljs {
70 |   display: block;
71 |   overflow-x: auto;
72 |   background: #19171c;
73 |   color: #8b8792;
74 |   padding: 0.5em;
75 | }
76 | 
77 | .hljs-emphasis {
78 |   font-style: italic;
79 | }
80 | 
81 | .hljs-strong {
82 |   font-weight: bold;
83 | }
84 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-cave-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Cave Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Cave Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #655f6d;
 9 | }
10 | 
11 | /* Atelier-Cave Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-name,
21 | .hljs-selector-id,
22 | .hljs-selector-class {
23 |   color: #be4678;
24 | }
25 | 
26 | /* Atelier-Cave Orange */
27 | .hljs-number,
28 | .hljs-meta,
29 | .hljs-built_in,
30 | .hljs-builtin-name,
31 | .hljs-literal,
32 | .hljs-type,
33 | .hljs-params {
34 |   color: #aa573c;
35 | }
36 | 
37 | /* Atelier-Cave Green */
38 | .hljs-string,
39 | .hljs-symbol,
40 | .hljs-bullet {
41 |   color: #2a9292;
42 | }
43 | 
44 | /* Atelier-Cave Blue */
45 | .hljs-title,
46 | .hljs-section {
47 |   color: #576ddb;
48 | }
49 | 
50 | /* Atelier-Cave Purple */
51 | .hljs-keyword,
52 | .hljs-selector-tag {
53 |   color: #955ae7;
54 | }
55 | 
56 | .hljs-deletion,
57 | .hljs-addition {
58 |   color: #19171c;
59 |   display: inline-block;
60 |   width: 100%;
61 | }
62 | 
63 | .hljs-deletion {
64 |   background-color: #be4678;
65 | }
66 | 
67 | .hljs-addition {
68 |   background-color: #2a9292;
69 | }
70 | 
71 | .hljs {
72 |   display: block;
73 |   overflow-x: auto;
74 |   background: #efecf4;
75 |   color: #585260;
76 |   padding: 0.5em;
77 | }
78 | 
79 | .hljs-emphasis {
80 |   font-style: italic;
81 | }
82 | 
83 | .hljs-strong {
84 |   font-weight: bold;
85 | }
86 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-dune-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Dune Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Dune Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #999580;
 9 | }
10 | 
11 | /* Atelier-Dune Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #d73737;
23 | }
24 | 
25 | /* Atelier-Dune Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #b65611;
34 | }
35 | 
36 | /* Atelier-Dune Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #60ac39;
41 | }
42 | 
43 | /* Atelier-Dune Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #6684e1;
47 | }
48 | 
49 | /* Atelier-Dune Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #b854d4;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #20201d;
59 |   color: #a6a28c;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-dune-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Dune Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Dune Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #7d7a68;
 9 | }
10 | 
11 | /* Atelier-Dune Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #d73737;
23 | }
24 | 
25 | /* Atelier-Dune Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #b65611;
34 | }
35 | 
36 | /* Atelier-Dune Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #60ac39;
41 | }
42 | 
43 | /* Atelier-Dune Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #6684e1;
47 | }
48 | 
49 | /* Atelier-Dune Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #b854d4;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #fefbec;
59 |   color: #6e6b5e;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-estuary-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Estuary Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Estuary Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #878573;
 9 | }
10 | 
11 | /* Atelier-Estuary Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #ba6236;
23 | }
24 | 
25 | /* Atelier-Estuary Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #ae7313;
34 | }
35 | 
36 | /* Atelier-Estuary Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #7d9726;
41 | }
42 | 
43 | /* Atelier-Estuary Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #36a166;
47 | }
48 | 
49 | /* Atelier-Estuary Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #5f9182;
53 | }
54 | 
55 | .hljs-deletion,
56 | .hljs-addition {
57 |   color: #22221b;
58 |   display: inline-block;
59 |   width: 100%;
60 | }
61 | 
62 | .hljs-deletion {
63 |   background-color: #ba6236;
64 | }
65 | 
66 | .hljs-addition {
67 |   background-color: #7d9726;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   overflow-x: auto;
73 |   background: #22221b;
74 |   color: #929181;
75 |   padding: 0.5em;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-estuary-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Estuary Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Estuary Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #6c6b5a;
 9 | }
10 | 
11 | /* Atelier-Estuary Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #ba6236;
23 | }
24 | 
25 | /* Atelier-Estuary Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #ae7313;
34 | }
35 | 
36 | /* Atelier-Estuary Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #7d9726;
41 | }
42 | 
43 | /* Atelier-Estuary Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #36a166;
47 | }
48 | 
49 | /* Atelier-Estuary Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #5f9182;
53 | }
54 | 
55 | .hljs-deletion,
56 | .hljs-addition {
57 |   color: #22221b;
58 |   display: inline-block;
59 |   width: 100%;
60 | }
61 | 
62 | .hljs-deletion {
63 |   background-color: #ba6236;
64 | }
65 | 
66 | .hljs-addition {
67 |   background-color: #7d9726;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   overflow-x: auto;
73 |   background: #f4f3ec;
74 |   color: #5f5e4e;
75 |   padding: 0.5em;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-forest-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Forest Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Forest Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #9c9491;
 9 | }
10 | 
11 | /* Atelier-Forest Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #f22c40;
23 | }
24 | 
25 | /* Atelier-Forest Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #df5320;
34 | }
35 | 
36 | /* Atelier-Forest Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #7b9726;
41 | }
42 | 
43 | /* Atelier-Forest Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #407ee7;
47 | }
48 | 
49 | /* Atelier-Forest Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #6666ea;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #1b1918;
59 |   color: #a8a19f;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-forest-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Forest Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Forest Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #766e6b;
 9 | }
10 | 
11 | /* Atelier-Forest Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #f22c40;
23 | }
24 | 
25 | /* Atelier-Forest Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #df5320;
34 | }
35 | 
36 | /* Atelier-Forest Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #7b9726;
41 | }
42 | 
43 | /* Atelier-Forest Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #407ee7;
47 | }
48 | 
49 | /* Atelier-Forest Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #6666ea;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #f1efee;
59 |   color: #68615e;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-heath-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Heath Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Heath Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #9e8f9e;
 9 | }
10 | 
11 | /* Atelier-Heath Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #ca402b;
23 | }
24 | 
25 | /* Atelier-Heath Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #a65926;
34 | }
35 | 
36 | /* Atelier-Heath Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #918b3b;
41 | }
42 | 
43 | /* Atelier-Heath Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #516aec;
47 | }
48 | 
49 | /* Atelier-Heath Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #7b59c0;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #1b181b;
59 |   color: #ab9bab;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-heath-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Heath Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Heath Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #776977;
 9 | }
10 | 
11 | /* Atelier-Heath Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #ca402b;
23 | }
24 | 
25 | /* Atelier-Heath Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #a65926;
34 | }
35 | 
36 | /* Atelier-Heath Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #918b3b;
41 | }
42 | 
43 | /* Atelier-Heath Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #516aec;
47 | }
48 | 
49 | /* Atelier-Heath Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #7b59c0;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #f7f3f7;
59 |   color: #695d69;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-lakeside-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Lakeside Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Lakeside Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #7195a8;
 9 | }
10 | 
11 | /* Atelier-Lakeside Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #d22d72;
23 | }
24 | 
25 | /* Atelier-Lakeside Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #935c25;
34 | }
35 | 
36 | /* Atelier-Lakeside Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #568c3b;
41 | }
42 | 
43 | /* Atelier-Lakeside Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #257fad;
47 | }
48 | 
49 | /* Atelier-Lakeside Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #6b6bb8;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #161b1d;
59 |   color: #7ea2b4;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-lakeside-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Lakeside Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Lakeside Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #5a7b8c;
 9 | }
10 | 
11 | /* Atelier-Lakeside Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #d22d72;
23 | }
24 | 
25 | /* Atelier-Lakeside Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #935c25;
34 | }
35 | 
36 | /* Atelier-Lakeside Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #568c3b;
41 | }
42 | 
43 | /* Atelier-Lakeside Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #257fad;
47 | }
48 | 
49 | /* Atelier-Lakeside Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #6b6bb8;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #ebf8ff;
59 |   color: #516d7b;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-plateau-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Plateau Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Plateau Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #7e7777;
 9 | }
10 | 
11 | /* Atelier-Plateau Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #ca4949;
23 | }
24 | 
25 | /* Atelier-Plateau Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #b45a3c;
34 | }
35 | 
36 | /* Atelier-Plateau Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #4b8b8b;
41 | }
42 | 
43 | /* Atelier-Plateau Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #7272ca;
47 | }
48 | 
49 | /* Atelier-Plateau Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #8464c4;
53 | }
54 | 
55 | .hljs-deletion,
56 | .hljs-addition {
57 |   color: #1b1818;
58 |   display: inline-block;
59 |   width: 100%;
60 | }
61 | 
62 | .hljs-deletion {
63 |   background-color: #ca4949;
64 | }
65 | 
66 | .hljs-addition {
67 |   background-color: #4b8b8b;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   overflow-x: auto;
73 |   background: #1b1818;
74 |   color: #8a8585;
75 |   padding: 0.5em;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-plateau-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Plateau Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Plateau Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #655d5d;
 9 | }
10 | 
11 | /* Atelier-Plateau Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #ca4949;
23 | }
24 | 
25 | /* Atelier-Plateau Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #b45a3c;
34 | }
35 | 
36 | /* Atelier-Plateau Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #4b8b8b;
41 | }
42 | 
43 | /* Atelier-Plateau Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #7272ca;
47 | }
48 | 
49 | /* Atelier-Plateau Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #8464c4;
53 | }
54 | 
55 | .hljs-deletion,
56 | .hljs-addition {
57 |   color: #1b1818;
58 |   display: inline-block;
59 |   width: 100%;
60 | }
61 | 
62 | .hljs-deletion {
63 |   background-color: #ca4949;
64 | }
65 | 
66 | .hljs-addition {
67 |   background-color: #4b8b8b;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   overflow-x: auto;
73 |   background: #f4ecec;
74 |   color: #585050;
75 |   padding: 0.5em;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-savanna-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Savanna Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Savanna Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #78877d;
 9 | }
10 | 
11 | /* Atelier-Savanna Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #b16139;
23 | }
24 | 
25 | /* Atelier-Savanna Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #9f713c;
34 | }
35 | 
36 | /* Atelier-Savanna Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #489963;
41 | }
42 | 
43 | /* Atelier-Savanna Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #478c90;
47 | }
48 | 
49 | /* Atelier-Savanna Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #55859b;
53 | }
54 | 
55 | .hljs-deletion,
56 | .hljs-addition {
57 |   color: #171c19;
58 |   display: inline-block;
59 |   width: 100%;
60 | }
61 | 
62 | .hljs-deletion {
63 |   background-color: #b16139;
64 | }
65 | 
66 | .hljs-addition {
67 |   background-color: #489963;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   overflow-x: auto;
73 |   background: #171c19;
74 |   color: #87928a;
75 |   padding: 0.5em;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-savanna-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Savanna Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Savanna Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #5f6d64;
 9 | }
10 | 
11 | /* Atelier-Savanna Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #b16139;
23 | }
24 | 
25 | /* Atelier-Savanna Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #9f713c;
34 | }
35 | 
36 | /* Atelier-Savanna Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #489963;
41 | }
42 | 
43 | /* Atelier-Savanna Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #478c90;
47 | }
48 | 
49 | /* Atelier-Savanna Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #55859b;
53 | }
54 | 
55 | .hljs-deletion,
56 | .hljs-addition {
57 |   color: #171c19;
58 |   display: inline-block;
59 |   width: 100%;
60 | }
61 | 
62 | .hljs-deletion {
63 |   background-color: #b16139;
64 | }
65 | 
66 | .hljs-addition {
67 |   background-color: #489963;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   overflow-x: auto;
73 |   background: #ecf4ee;
74 |   color: #526057;
75 |   padding: 0.5em;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-seaside-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Seaside Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Seaside Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #809980;
 9 | }
10 | 
11 | /* Atelier-Seaside Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #e6193c;
23 | }
24 | 
25 | /* Atelier-Seaside Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #87711d;
34 | }
35 | 
36 | /* Atelier-Seaside Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #29a329;
41 | }
42 | 
43 | /* Atelier-Seaside Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #3d62f5;
47 | }
48 | 
49 | /* Atelier-Seaside Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #ad2bee;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #131513;
59 |   color: #8ca68c;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-seaside-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Seaside Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Seaside Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #687d68;
 9 | }
10 | 
11 | /* Atelier-Seaside Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #e6193c;
23 | }
24 | 
25 | /* Atelier-Seaside Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #87711d;
34 | }
35 | 
36 | /* Atelier-Seaside Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #29a329;
41 | }
42 | 
43 | /* Atelier-Seaside Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #3d62f5;
47 | }
48 | 
49 | /* Atelier-Seaside Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #ad2bee;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #f4fbf4;
59 |   color: #5e6e5e;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-sulphurpool-dark.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Sulphurpool Dark - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Sulphurpool Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #898ea4;
 9 | }
10 | 
11 | /* Atelier-Sulphurpool Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #c94922;
23 | }
24 | 
25 | /* Atelier-Sulphurpool Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #c76b29;
34 | }
35 | 
36 | /* Atelier-Sulphurpool Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #ac9739;
41 | }
42 | 
43 | /* Atelier-Sulphurpool Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #3d8fd1;
47 | }
48 | 
49 | /* Atelier-Sulphurpool Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #6679cc;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #202746;
59 |   color: #979db4;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atelier-sulphurpool-light.css:
--------------------------------------------------------------------------------
 1 | /* Base16 Atelier Sulphurpool Light - Theme */
 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
 4 | 
 5 | /* Atelier-Sulphurpool Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #6b7394;
 9 | }
10 | 
11 | /* Atelier-Sulphurpool Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-attribute,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-regexp,
18 | .hljs-link,
19 | .hljs-name,
20 | .hljs-selector-id,
21 | .hljs-selector-class {
22 |   color: #c94922;
23 | }
24 | 
25 | /* Atelier-Sulphurpool Orange */
26 | .hljs-number,
27 | .hljs-meta,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params {
33 |   color: #c76b29;
34 | }
35 | 
36 | /* Atelier-Sulphurpool Green */
37 | .hljs-string,
38 | .hljs-symbol,
39 | .hljs-bullet {
40 |   color: #ac9739;
41 | }
42 | 
43 | /* Atelier-Sulphurpool Blue */
44 | .hljs-title,
45 | .hljs-section {
46 |   color: #3d8fd1;
47 | }
48 | 
49 | /* Atelier-Sulphurpool Purple */
50 | .hljs-keyword,
51 | .hljs-selector-tag {
52 |   color: #6679cc;
53 | }
54 | 
55 | .hljs {
56 |   display: block;
57 |   overflow-x: auto;
58 |   background: #f5f7ff;
59 |   color: #5e6687;
60 |   padding: 0.5em;
61 | }
62 | 
63 | .hljs-emphasis {
64 |   font-style: italic;
65 | }
66 | 
67 | .hljs-strong {
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atom-one-dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Atom One Dark by Daniel Gamage
 4 | Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
 5 | 
 6 | base:    #282c34
 7 | mono-1:  #abb2bf
 8 | mono-2:  #818896
 9 | mono-3:  #5c6370
10 | hue-1:   #56b6c2
11 | hue-2:   #61aeee
12 | hue-3:   #c678dd
13 | hue-4:   #98c379
14 | hue-5:   #e06c75
15 | hue-5-2: #be5046
16 | hue-6:   #d19a66
17 | hue-6-2: #e6c07b
18 | 
19 | */
20 | 
21 | .hljs {
22 |   display: block;
23 |   overflow-x: auto;
24 |   padding: 0.5em;
25 |   color: #abb2bf;
26 |   background: #282c34;
27 | }
28 | 
29 | .hljs-comment,
30 | .hljs-quote {
31 |   color: #5c6370;
32 |   font-style: italic;
33 | }
34 | 
35 | .hljs-doctag,
36 | .hljs-keyword,
37 | .hljs-formula {
38 |   color: #c678dd;
39 | }
40 | 
41 | .hljs-section,
42 | .hljs-name,
43 | .hljs-selector-tag,
44 | .hljs-deletion,
45 | .hljs-subst {
46 |   color: #e06c75;
47 | }
48 | 
49 | .hljs-literal {
50 |   color: #56b6c2;
51 | }
52 | 
53 | .hljs-string,
54 | .hljs-regexp,
55 | .hljs-addition,
56 | .hljs-attribute,
57 | .hljs-meta-string {
58 |   color: #98c379;
59 | }
60 | 
61 | .hljs-built_in,
62 | .hljs-class .hljs-title {
63 |   color: #e6c07b;
64 | }
65 | 
66 | .hljs-attr,
67 | .hljs-variable,
68 | .hljs-template-variable,
69 | .hljs-type,
70 | .hljs-selector-class,
71 | .hljs-selector-attr,
72 | .hljs-selector-pseudo,
73 | .hljs-number {
74 |   color: #d19a66;
75 | }
76 | 
77 | .hljs-symbol,
78 | .hljs-bullet,
79 | .hljs-link,
80 | .hljs-meta,
81 | .hljs-selector-id,
82 | .hljs-title {
83 |   color: #61aeee;
84 | }
85 | 
86 | .hljs-emphasis {
87 |   font-style: italic;
88 | }
89 | 
90 | .hljs-strong {
91 |   font-weight: bold;
92 | }
93 | 
94 | .hljs-link {
95 |   text-decoration: underline;
96 | }
97 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/atom-one-light.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Atom One Light by Daniel Gamage
 4 | Original One Light Syntax theme from https://github.com/atom/one-light-syntax
 5 | 
 6 | base:    #fafafa
 7 | mono-1:  #383a42
 8 | mono-2:  #686b77
 9 | mono-3:  #a0a1a7
10 | hue-1:   #0184bb
11 | hue-2:   #4078f2
12 | hue-3:   #a626a4
13 | hue-4:   #50a14f
14 | hue-5:   #e45649
15 | hue-5-2: #c91243
16 | hue-6:   #986801
17 | hue-6-2: #c18401
18 | 
19 | */
20 | 
21 | .hljs {
22 |   display: block;
23 |   overflow-x: auto;
24 |   padding: 0.5em;
25 |   color: #383a42;
26 |   background: #fafafa;
27 | }
28 | 
29 | .hljs-comment,
30 | .hljs-quote {
31 |   color: #a0a1a7;
32 |   font-style: italic;
33 | }
34 | 
35 | .hljs-doctag,
36 | .hljs-keyword,
37 | .hljs-formula {
38 |   color: #a626a4;
39 | }
40 | 
41 | .hljs-section,
42 | .hljs-name,
43 | .hljs-selector-tag,
44 | .hljs-deletion,
45 | .hljs-subst {
46 |   color: #e45649;
47 | }
48 | 
49 | .hljs-literal {
50 |   color: #0184bb;
51 | }
52 | 
53 | .hljs-string,
54 | .hljs-regexp,
55 | .hljs-addition,
56 | .hljs-attribute,
57 | .hljs-meta-string {
58 |   color: #50a14f;
59 | }
60 | 
61 | .hljs-built_in,
62 | .hljs-class .hljs-title {
63 |   color: #c18401;
64 | }
65 | 
66 | .hljs-attr,
67 | .hljs-variable,
68 | .hljs-template-variable,
69 | .hljs-type,
70 | .hljs-selector-class,
71 | .hljs-selector-attr,
72 | .hljs-selector-pseudo,
73 | .hljs-number {
74 |   color: #986801;
75 | }
76 | 
77 | .hljs-symbol,
78 | .hljs-bullet,
79 | .hljs-link,
80 | .hljs-meta,
81 | .hljs-selector-id,
82 | .hljs-title {
83 |   color: #4078f2;
84 | }
85 | 
86 | .hljs-emphasis {
87 |   font-style: italic;
88 | }
89 | 
90 | .hljs-strong {
91 |   font-weight: bold;
92 | }
93 | 
94 | .hljs-link {
95 |   text-decoration: underline;
96 | }
97 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/brown-paper.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Brown Paper style from goldblog.com.ua (c) Zaripov Yura 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background:#b7a68e url(./brown-papersq.png);
12 | }
13 | 
14 | .hljs-keyword,
15 | .hljs-selector-tag,
16 | .hljs-literal {
17 |   color:#005599;
18 |   font-weight:bold;
19 | }
20 | 
21 | .hljs,
22 | .hljs-subst {
23 |   color: #363c69;
24 | }
25 | 
26 | .hljs-string,
27 | .hljs-title,
28 | .hljs-section,
29 | .hljs-type,
30 | .hljs-attribute,
31 | .hljs-symbol,
32 | .hljs-bullet,
33 | .hljs-built_in,
34 | .hljs-addition,
35 | .hljs-variable,
36 | .hljs-template-tag,
37 | .hljs-template-variable,
38 | .hljs-link,
39 | .hljs-name {
40 |   color: #2c009f;
41 | }
42 | 
43 | .hljs-comment,
44 | .hljs-quote,
45 | .hljs-meta,
46 | .hljs-deletion {
47 |   color: #802022;
48 | }
49 | 
50 | .hljs-keyword,
51 | .hljs-selector-tag,
52 | .hljs-literal,
53 | .hljs-doctag,
54 | .hljs-title,
55 | .hljs-section,
56 | .hljs-type,
57 | .hljs-name,
58 | .hljs-strong {
59 |   font-weight: bold;
60 | }
61 | 
62 | .hljs-emphasis {
63 |   font-style: italic;
64 | }
65 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/brown-papersq.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoquinalha/the-grid/f52c7075d3024cd9d6c8c376a9ba5ba41e988599/js/highlightjs/styles/brown-papersq.png


--------------------------------------------------------------------------------
/js/highlightjs/styles/codepen-embed.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |   codepen.io Embed Theme
 3 |   Author: Justin Perry 
 4 |   Original theme - https://github.com/chriskempson/tomorrow-theme
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #222;
12 |   color: #fff;
13 | }
14 | 
15 | .hljs-comment,
16 | .hljs-quote {
17 |   color: #777;
18 | }
19 | 
20 | .hljs-variable,
21 | .hljs-template-variable,
22 | .hljs-tag,
23 | .hljs-regexp,
24 | .hljs-meta,
25 | .hljs-number,
26 | .hljs-built_in,
27 | .hljs-builtin-name,
28 | .hljs-literal,
29 | .hljs-params,
30 | .hljs-symbol,
31 | .hljs-bullet,
32 | .hljs-link,
33 | .hljs-deletion {
34 |   color: #ab875d;
35 | }
36 | 
37 | .hljs-section,
38 | .hljs-title,
39 | .hljs-name,
40 | .hljs-selector-id,
41 | .hljs-selector-class,
42 | .hljs-type,
43 | .hljs-attribute {
44 |   color: #9b869b;
45 | }
46 | 
47 | .hljs-string,
48 | .hljs-keyword,
49 | .hljs-selector-tag,
50 | .hljs-addition {
51 |   color: #8f9c6c;
52 | }
53 | 
54 | .hljs-emphasis {
55 |   font-style: italic;
56 | }
57 | 
58 | .hljs-strong {
59 |   font-weight: bold;
60 | }
61 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/color-brewer.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Colorbrewer theme
 4 | Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock 
 5 | Ported by Fabrício Tavares de Oliveira
 6 | 
 7 | */
 8 | 
 9 | .hljs {
10 |   display: block;
11 |   overflow-x: auto;
12 |   padding: 0.5em;
13 |   background: #fff;
14 | }
15 | 
16 | .hljs,
17 | .hljs-subst {
18 |   color: #000;
19 | }
20 | 
21 | .hljs-string,
22 | .hljs-meta,
23 | .hljs-symbol,
24 | .hljs-template-tag,
25 | .hljs-template-variable,
26 | .hljs-addition {
27 |   color: #756bb1;
28 | }
29 | 
30 | .hljs-comment,
31 | .hljs-quote {
32 |   color: #636363;
33 | }
34 | 
35 | .hljs-number,
36 | .hljs-regexp,
37 | .hljs-literal,
38 | .hljs-bullet,
39 | .hljs-link {
40 |   color: #31a354;
41 | }
42 | 
43 | .hljs-deletion,
44 | .hljs-variable {
45 |   color: #88f;
46 | }
47 | 
48 | 
49 | 
50 | .hljs-keyword,
51 | .hljs-selector-tag,
52 | .hljs-title,
53 | .hljs-section,
54 | .hljs-built_in,
55 | .hljs-doctag,
56 | .hljs-type,
57 | .hljs-tag,
58 | .hljs-name,
59 | .hljs-selector-id,
60 | .hljs-selector-class,
61 | .hljs-strong {
62 |   color: #3182bd;
63 | }
64 | 
65 | .hljs-emphasis {
66 |   font-style: italic;
67 | }
68 | 
69 | .hljs-attribute {
70 |   color: #e6550d;
71 | }
72 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/darcula.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Darcula color scheme from the JetBrains family of IDEs
 4 | 
 5 | */
 6 | 
 7 | 
 8 | .hljs {
 9 |   display: block;
10 |   overflow-x: auto;
11 |   padding: 0.5em;
12 |   background: #2b2b2b;
13 | }
14 | 
15 | .hljs {
16 |   color: #bababa;
17 | }
18 | 
19 | .hljs-strong,
20 | .hljs-emphasis {
21 |   color: #a8a8a2;
22 | }
23 | 
24 | .hljs-bullet,
25 | .hljs-quote,
26 | .hljs-link,
27 | .hljs-number,
28 | .hljs-regexp,
29 | .hljs-literal {
30 |   color: #6896ba;
31 | }
32 | 
33 | .hljs-code,
34 | .hljs-selector-class {
35 |   color: #a6e22e;
36 | }
37 | 
38 | .hljs-emphasis {
39 |   font-style: italic;
40 | }
41 | 
42 | .hljs-keyword,
43 | .hljs-selector-tag,
44 | .hljs-section,
45 | .hljs-attribute,
46 | .hljs-name,
47 | .hljs-variable {
48 |   color: #cb7832;
49 | }
50 | 
51 | .hljs-params {
52 |   color: #b9b9b9;
53 | }
54 | 
55 | .hljs-string {
56 |   color: #6a8759;
57 | }
58 | 
59 | .hljs-subst,
60 | .hljs-type,
61 | .hljs-built_in,
62 | .hljs-builtin-name,
63 | .hljs-symbol,
64 | .hljs-selector-id,
65 | .hljs-selector-attr,
66 | .hljs-selector-pseudo,
67 | .hljs-template-tag,
68 | .hljs-template-variable,
69 | .hljs-addition {
70 |   color: #e0c46c;
71 | }
72 | 
73 | .hljs-comment,
74 | .hljs-deletion,
75 | .hljs-meta {
76 |   color: #7f7f7f;
77 | }
78 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Dark style from softwaremaniacs.org (c) Ivan Sagalaev 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #444;
12 | }
13 | 
14 | .hljs-keyword,
15 | .hljs-selector-tag,
16 | .hljs-literal,
17 | .hljs-section,
18 | .hljs-link {
19 |   color: white;
20 | }
21 | 
22 | .hljs,
23 | .hljs-subst {
24 |   color: #ddd;
25 | }
26 | 
27 | .hljs-string,
28 | .hljs-title,
29 | .hljs-name,
30 | .hljs-type,
31 | .hljs-attribute,
32 | .hljs-symbol,
33 | .hljs-bullet,
34 | .hljs-built_in,
35 | .hljs-addition,
36 | .hljs-variable,
37 | .hljs-template-tag,
38 | .hljs-template-variable {
39 |   color: #d88;
40 | }
41 | 
42 | .hljs-comment,
43 | .hljs-quote,
44 | .hljs-deletion,
45 | .hljs-meta {
46 |   color: #777;
47 | }
48 | 
49 | .hljs-keyword,
50 | .hljs-selector-tag,
51 | .hljs-literal,
52 | .hljs-title,
53 | .hljs-section,
54 | .hljs-doctag,
55 | .hljs-type,
56 | .hljs-name,
57 | .hljs-strong {
58 |   font-weight: bold;
59 | }
60 | 
61 | .hljs-emphasis {
62 |   font-style: italic;
63 | }
64 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/darkula.css:
--------------------------------------------------------------------------------
1 | /*
2 |   Deprecated due to a typo in the name and left here for compatibility purpose only.
3 |   Please use darcula.css instead.
4 | */
5 | 
6 | @import url('darcula.css');
7 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/default.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Original highlight.js style (c) Ivan Sagalaev 
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   background: #F0F0F0;
 12 | }
 13 | 
 14 | 
 15 | /* Base color: saturation 0; */
 16 | 
 17 | .hljs,
 18 | .hljs-subst {
 19 |   color: #444;
 20 | }
 21 | 
 22 | .hljs-comment {
 23 |   color: #888888;
 24 | }
 25 | 
 26 | .hljs-keyword,
 27 | .hljs-attribute,
 28 | .hljs-selector-tag,
 29 | .hljs-meta-keyword,
 30 | .hljs-doctag,
 31 | .hljs-name {
 32 |   font-weight: bold;
 33 | }
 34 | 
 35 | 
 36 | /* User color: hue: 0 */
 37 | 
 38 | .hljs-type,
 39 | .hljs-string,
 40 | .hljs-number,
 41 | .hljs-selector-id,
 42 | .hljs-selector-class,
 43 | .hljs-quote,
 44 | .hljs-template-tag,
 45 | .hljs-deletion {
 46 |   color: #880000;
 47 | }
 48 | 
 49 | .hljs-title,
 50 | .hljs-section {
 51 |   color: #880000;
 52 |   font-weight: bold;
 53 | }
 54 | 
 55 | .hljs-regexp,
 56 | .hljs-symbol,
 57 | .hljs-variable,
 58 | .hljs-template-variable,
 59 | .hljs-link,
 60 | .hljs-selector-attr,
 61 | .hljs-selector-pseudo {
 62 |   color: #BC6060;
 63 | }
 64 | 
 65 | 
 66 | /* Language color: hue: 90; */
 67 | 
 68 | .hljs-literal {
 69 |   color: #78A960;
 70 | }
 71 | 
 72 | .hljs-built_in,
 73 | .hljs-bullet,
 74 | .hljs-code,
 75 | .hljs-addition {
 76 |   color: #397300;
 77 | }
 78 | 
 79 | 
 80 | /* Meta color: hue: 200 */
 81 | 
 82 | .hljs-meta {
 83 |   color: #1f7199;
 84 | }
 85 | 
 86 | .hljs-meta-string {
 87 |   color: #4d99bf;
 88 | }
 89 | 
 90 | 
 91 | /* Misc effects */
 92 | 
 93 | .hljs-emphasis {
 94 |   font-style: italic;
 95 | }
 96 | 
 97 | .hljs-strong {
 98 |   font-weight: bold;
 99 | }
100 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/docco.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
 3 | */
 4 | 
 5 | .hljs {
 6 |   display: block;
 7 |   overflow-x: auto;
 8 |   padding: 0.5em;
 9 |   color: #000;
10 |   background: #f8f8ff;
11 | }
12 | 
13 | .hljs-comment,
14 | .hljs-quote {
15 |   color: #408080;
16 |   font-style: italic;
17 | }
18 | 
19 | .hljs-keyword,
20 | .hljs-selector-tag,
21 | .hljs-literal,
22 | .hljs-subst {
23 |   color: #954121;
24 | }
25 | 
26 | .hljs-number {
27 |   color: #40a070;
28 | }
29 | 
30 | .hljs-string,
31 | .hljs-doctag {
32 |   color: #219161;
33 | }
34 | 
35 | .hljs-selector-id,
36 | .hljs-selector-class,
37 | .hljs-section,
38 | .hljs-type {
39 |   color: #19469d;
40 | }
41 | 
42 | .hljs-params {
43 |   color: #00f;
44 | }
45 | 
46 | .hljs-title {
47 |   color: #458;
48 |   font-weight: bold;
49 | }
50 | 
51 | .hljs-tag,
52 | .hljs-name,
53 | .hljs-attribute {
54 |   color: #000080;
55 |   font-weight: normal;
56 | }
57 | 
58 | .hljs-variable,
59 | .hljs-template-variable {
60 |   color: #008080;
61 | }
62 | 
63 | .hljs-regexp,
64 | .hljs-link {
65 |   color: #b68;
66 | }
67 | 
68 | .hljs-symbol,
69 | .hljs-bullet {
70 |   color: #990073;
71 | }
72 | 
73 | .hljs-built_in,
74 | .hljs-builtin-name {
75 |   color: #0086b3;
76 | }
77 | 
78 | .hljs-meta {
79 |   color: #999;
80 |   font-weight: bold;
81 | }
82 | 
83 | .hljs-deletion {
84 |   background: #fdd;
85 | }
86 | 
87 | .hljs-addition {
88 |   background: #dfd;
89 | }
90 | 
91 | .hljs-emphasis {
92 |   font-style: italic;
93 | }
94 | 
95 | .hljs-strong {
96 |   font-weight: bold;
97 | }
98 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/dracula.css:
--------------------------------------------------------------------------------
 1 | /* Dracula Theme v1.2.5
 2 |  *
 3 |  * https://github.com/dracula/highlightjs
 4 |  *
 5 |  * Copyright 2016-present, All rights reserved
 6 |  *
 7 |  * Code licensed under the MIT license
 8 |  *
 9 |  * @author Denis Ciccale 
10 |  * @author Zeno Rocha 
11 |  */
12 | 
13 | .hljs {
14 |     display: block;
15 |     overflow-x: auto;
16 |     padding: 0.5em;
17 |     background: #282a36;
18 | }
19 | 
20 | .hljs-built_in,
21 | .hljs-selector-tag,
22 | .hljs-section,
23 | .hljs-link {
24 |     color: #8be9fd;
25 | }
26 | 
27 | .hljs-name,
28 | .hljs-keyword {
29 |     color: #ff79c6;
30 | }
31 | 
32 | .hljs,
33 | .hljs-subst {
34 |     color: #f8f8f2;
35 | }
36 | 
37 | .hljs-attr,
38 | .hljs-title {
39 |     color: #50fa7b;
40 | }
41 | 
42 | .hljs-string,
43 | .hljs-meta,
44 | .hljs-type,
45 | ,
46 | .hljs-symbol,
47 | .hljs-bullet,
48 | .hljs-addition,
49 | .hljs-variable,
50 | .hljs-template-tag,
51 | .hljs-template-variable {
52 |     color: #f1fa8c;
53 | }
54 | 
55 | .hljs-comment,
56 | .hljs-quote,
57 | .hljs-deletion {
58 |     color: #6272a4;
59 | }
60 | 
61 | .hljs-keyword,
62 | .hljs-selector-tag,
63 | .hljs-literal,
64 | .hljs-title,
65 | .hljs-section,
66 | .hljs-doctag,
67 | .hljs-type,
68 | .hljs-name,
69 | .hljs-strong {
70 |     font-weight: bold;
71 | }
72 | 
73 | .hljs-literal,
74 | .hljs-number {
75 |     color: #bd93f9;
76 | }
77 | 
78 | .hljs-emphasis {
79 |     font-style: italic;
80 | }


--------------------------------------------------------------------------------
/js/highlightjs/styles/far.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | FAR Style (c) MajestiC 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #000080;
12 | }
13 | 
14 | .hljs,
15 | .hljs-subst {
16 |   color: #0ff;
17 | }
18 | 
19 | .hljs-string,
20 | .hljs-attribute,
21 | .hljs-symbol,
22 | .hljs-bullet,
23 | .hljs-built_in,
24 | .hljs-builtin-name,
25 | .hljs-template-tag,
26 | .hljs-template-variable,
27 | .hljs-addition {
28 |   color: #ff0;
29 | }
30 | 
31 | .hljs-keyword,
32 | .hljs-selector-tag,
33 | .hljs-section,
34 | .hljs-type,
35 | .hljs-name,
36 | .hljs-selector-id,
37 | .hljs-selector-class,
38 | .hljs-variable {
39 |   color: #fff;
40 | }
41 | 
42 | .hljs-comment,
43 | .hljs-quote,
44 | .hljs-doctag,
45 | .hljs-deletion {
46 |   color: #888;
47 | }
48 | 
49 | .hljs-number,
50 | .hljs-regexp,
51 | .hljs-literal,
52 | .hljs-link {
53 |   color: #0f0;
54 | }
55 | 
56 | .hljs-meta {
57 |   color: #008080;
58 | }
59 | 
60 | .hljs-keyword,
61 | .hljs-selector-tag,
62 | .hljs-title,
63 | .hljs-section,
64 | .hljs-name,
65 | .hljs-strong {
66 |   font-weight: bold;
67 | }
68 | 
69 | .hljs-emphasis {
70 |   font-style: italic;
71 | }
72 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/foundation.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Description: Foundation 4 docs style for highlight.js
 3 | Author: Dan Allen 
 4 | Website: http://foundation.zurb.com/docs/
 5 | Version: 1.0
 6 | Date: 2013-04-02
 7 | */
 8 | 
 9 | .hljs {
10 |   display: block;
11 |   overflow-x: auto;
12 |   padding: 0.5em;
13 |   background: #eee; color: black;
14 | }
15 | 
16 | .hljs-link,
17 | .hljs-emphasis,
18 | .hljs-attribute,
19 | .hljs-addition {
20 |   color: #070;
21 | }
22 | 
23 | .hljs-emphasis {
24 |   font-style: italic;
25 | }
26 | 
27 | .hljs-strong,
28 | .hljs-string,
29 | .hljs-deletion {
30 |   color: #d14;
31 | }
32 | 
33 | .hljs-strong {
34 |   font-weight: bold;
35 | }
36 | 
37 | .hljs-quote,
38 | .hljs-comment {
39 |   color: #998;
40 |   font-style: italic;
41 | }
42 | 
43 | .hljs-section,
44 | .hljs-title {
45 |   color: #900;
46 | }
47 | 
48 | .hljs-class .hljs-title,
49 | .hljs-type {
50 |   color: #458;
51 | }
52 | 
53 | .hljs-variable,
54 | .hljs-template-variable {
55 |   color: #336699;
56 | }
57 | 
58 | .hljs-bullet {
59 |   color: #997700;
60 | }
61 | 
62 | .hljs-meta {
63 |   color: #3344bb;
64 | }
65 | 
66 | .hljs-code,
67 | .hljs-number,
68 | .hljs-literal,
69 | .hljs-keyword,
70 | .hljs-selector-tag {
71 |   color: #099;
72 | }
73 | 
74 | .hljs-regexp {
75 |   background-color: #fff0ff;
76 |   color: #880088;
77 | }
78 | 
79 | .hljs-symbol {
80 |   color: #990073;
81 | }
82 | 
83 | .hljs-tag,
84 | .hljs-name,
85 | .hljs-selector-id,
86 | .hljs-selector-class {
87 |   color: #007700;
88 | }
89 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/github-gist.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * GitHub Gist Theme
 3 |  * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 4 |  */
 5 | 
 6 | .hljs {
 7 |   display: block;
 8 |   background: white;
 9 |   padding: 0.5em;
10 |   color: #333333;
11 |   overflow-x: auto;
12 | }
13 | 
14 | .hljs-comment,
15 | .hljs-meta {
16 |   color: #969896;
17 | }
18 | 
19 | .hljs-string,
20 | .hljs-variable,
21 | .hljs-template-variable,
22 | .hljs-strong,
23 | .hljs-emphasis,
24 | .hljs-quote {
25 |   color: #df5000;
26 | }
27 | 
28 | .hljs-keyword,
29 | .hljs-selector-tag,
30 | .hljs-type {
31 |   color: #a71d5d;
32 | }
33 | 
34 | .hljs-literal,
35 | .hljs-symbol,
36 | .hljs-bullet,
37 | .hljs-attribute {
38 |   color: #0086b3;
39 | }
40 | 
41 | .hljs-section,
42 | .hljs-name {
43 |   color: #63a35c;
44 | }
45 | 
46 | .hljs-tag {
47 |   color: #333333;
48 | }
49 | 
50 | .hljs-title,
51 | .hljs-attr,
52 | .hljs-selector-id,
53 | .hljs-selector-class,
54 | .hljs-selector-attr,
55 | .hljs-selector-pseudo {
56 |   color: #795da3;
57 | }
58 | 
59 | .hljs-addition {
60 |   color: #55a532;
61 |   background-color: #eaffea;
62 | }
63 | 
64 | .hljs-deletion {
65 |   color: #bd2c00;
66 |   background-color: #ffecec;
67 | }
68 | 
69 | .hljs-link {
70 |   text-decoration: underline;
71 | }
72 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/github.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | github.com style (c) Vasily Polovnyov 
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   color: #333;
 12 |   background: #f8f8f8;
 13 | }
 14 | 
 15 | .hljs-comment,
 16 | .hljs-quote {
 17 |   color: #998;
 18 |   font-style: italic;
 19 | }
 20 | 
 21 | .hljs-keyword,
 22 | .hljs-selector-tag,
 23 | .hljs-subst {
 24 |   color: #333;
 25 |   font-weight: bold;
 26 | }
 27 | 
 28 | .hljs-number,
 29 | .hljs-literal,
 30 | .hljs-variable,
 31 | .hljs-template-variable,
 32 | .hljs-tag .hljs-attr {
 33 |   color: #008080;
 34 | }
 35 | 
 36 | .hljs-string,
 37 | .hljs-doctag {
 38 |   color: #d14;
 39 | }
 40 | 
 41 | .hljs-title,
 42 | .hljs-section,
 43 | .hljs-selector-id {
 44 |   color: #900;
 45 |   font-weight: bold;
 46 | }
 47 | 
 48 | .hljs-subst {
 49 |   font-weight: normal;
 50 | }
 51 | 
 52 | .hljs-type,
 53 | .hljs-class .hljs-title {
 54 |   color: #458;
 55 |   font-weight: bold;
 56 | }
 57 | 
 58 | .hljs-tag,
 59 | .hljs-name,
 60 | .hljs-attribute {
 61 |   color: #000080;
 62 |   font-weight: normal;
 63 | }
 64 | 
 65 | .hljs-regexp,
 66 | .hljs-link {
 67 |   color: #009926;
 68 | }
 69 | 
 70 | .hljs-symbol,
 71 | .hljs-bullet {
 72 |   color: #990073;
 73 | }
 74 | 
 75 | .hljs-built_in,
 76 | .hljs-builtin-name {
 77 |   color: #0086b3;
 78 | }
 79 | 
 80 | .hljs-meta {
 81 |   color: #999;
 82 |   font-weight: bold;
 83 | }
 84 | 
 85 | .hljs-deletion {
 86 |   background: #fdd;
 87 | }
 88 | 
 89 | .hljs-addition {
 90 |   background: #dfd;
 91 | }
 92 | 
 93 | .hljs-emphasis {
 94 |   font-style: italic;
 95 | }
 96 | 
 97 | .hljs-strong {
 98 |   font-weight: bold;
 99 | }
100 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/googlecode.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Google Code style (c) Aahan Krish 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: white;
12 |   color: black;
13 | }
14 | 
15 | .hljs-comment,
16 | .hljs-quote {
17 |   color: #800;
18 | }
19 | 
20 | .hljs-keyword,
21 | .hljs-selector-tag,
22 | .hljs-section,
23 | .hljs-title,
24 | .hljs-name {
25 |   color: #008;
26 | }
27 | 
28 | .hljs-variable,
29 | .hljs-template-variable {
30 |   color: #660;
31 | }
32 | 
33 | .hljs-string,
34 | .hljs-selector-attr,
35 | .hljs-selector-pseudo,
36 | .hljs-regexp {
37 |   color: #080;
38 | }
39 | 
40 | .hljs-literal,
41 | .hljs-symbol,
42 | .hljs-bullet,
43 | .hljs-meta,
44 | .hljs-number,
45 | .hljs-link {
46 |   color: #066;
47 | }
48 | 
49 | .hljs-title,
50 | .hljs-doctag,
51 | .hljs-type,
52 | .hljs-attr,
53 | .hljs-built_in,
54 | .hljs-builtin-name,
55 | .hljs-params {
56 |   color: #606;
57 | }
58 | 
59 | .hljs-attribute,
60 | .hljs-subst {
61 |   color: #000;
62 | }
63 | 
64 | .hljs-formula {
65 |   background-color: #eee;
66 |   font-style: italic;
67 | }
68 | 
69 | .hljs-selector-id,
70 | .hljs-selector-class {
71 |   color: #9B703F
72 | }
73 | 
74 | .hljs-addition {
75 |   background-color: #baeeba;
76 | }
77 | 
78 | .hljs-deletion {
79 |   background-color: #ffc8bd;
80 | }
81 | 
82 | .hljs-doctag,
83 | .hljs-strong {
84 |   font-weight: bold;
85 | }
86 | 
87 | .hljs-emphasis {
88 |   font-style: italic;
89 | }
90 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/grayscale.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | grayscale style (c) MY Sun 
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   color: #333;
 12 |   background: #fff;
 13 | }
 14 | 
 15 | .hljs-comment,
 16 | .hljs-quote {
 17 |   color: #777;
 18 |   font-style: italic;
 19 | }
 20 | 
 21 | .hljs-keyword,
 22 | .hljs-selector-tag,
 23 | .hljs-subst {
 24 |   color: #333;
 25 |   font-weight: bold;
 26 | }
 27 | 
 28 | .hljs-number,
 29 | .hljs-literal {
 30 |   color: #777;
 31 | }
 32 | 
 33 | .hljs-string,
 34 | .hljs-doctag,
 35 | .hljs-formula {
 36 |   color: #333;
 37 |   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC) repeat;
 38 | }
 39 | 
 40 | .hljs-title,
 41 | .hljs-section,
 42 | .hljs-selector-id {
 43 |   color: #000;
 44 |   font-weight: bold;
 45 | }
 46 | 
 47 | .hljs-subst {
 48 |   font-weight: normal;
 49 | }
 50 | 
 51 | .hljs-class .hljs-title,
 52 | .hljs-type,
 53 | .hljs-name {
 54 |   color: #333;
 55 |   font-weight: bold;
 56 | }
 57 | 
 58 | .hljs-tag {
 59 |   color: #333;
 60 | }
 61 | 
 62 | .hljs-regexp {
 63 |     color: #333;
 64 |     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==) repeat;
 65 | }
 66 | 
 67 | .hljs-symbol,
 68 | .hljs-bullet,
 69 | .hljs-link {
 70 |   color: #000;
 71 |   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==) repeat;
 72 | }
 73 | 
 74 | .hljs-built_in,
 75 | .hljs-builtin-name {
 76 |   color: #000;
 77 |   text-decoration: underline;
 78 | }
 79 | 
 80 | .hljs-meta {
 81 |   color: #999;
 82 |   font-weight: bold;
 83 | }
 84 | 
 85 | .hljs-deletion {
 86 |   color: #fff;
 87 |   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==) repeat;
 88 | }
 89 | 
 90 | .hljs-addition {
 91 |   color: #000;
 92 |   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC) repeat;
 93 | }
 94 | 
 95 | .hljs-emphasis {
 96 |   font-style: italic;
 97 | }
 98 | 
 99 | .hljs-strong {
100 |   font-weight: bold;
101 | }
102 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/gruvbox-dark.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Gruvbox style (dark) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   background: #282828;
 12 | }
 13 | 
 14 | .hljs,
 15 | .hljs-subst {
 16 |   color: #ebdbb2;
 17 | }
 18 | 
 19 | /* Gruvbox Red */
 20 | .hljs-deletion,
 21 | .hljs-formula,
 22 | .hljs-keyword,
 23 | .hljs-link,
 24 | .hljs-selector-tag {
 25 |   color: #fb4934;
 26 | }
 27 | 
 28 | /* Gruvbox Blue */
 29 | .hljs-built_in,
 30 | .hljs-emphasis,
 31 | .hljs-name,
 32 | .hljs-quote,
 33 | .hljs-strong,
 34 | .hljs-title,
 35 | .hljs-variable {
 36 |   color: #83a598;
 37 | }
 38 | 
 39 | /* Gruvbox Yellow */
 40 | .hljs-attr,
 41 | .hljs-params,
 42 | .hljs-template-tag,
 43 | .hljs-type {
 44 |   color: #fabd2f;
 45 | }
 46 | 
 47 | /* Gruvbox Purple */
 48 | .hljs-builtin-name,
 49 | .hljs-doctag,
 50 | .hljs-literal,
 51 | .hljs-number {
 52 |   color: #8f3f71;
 53 | }
 54 | 
 55 | /* Gruvbox Orange */
 56 | .hljs-code,
 57 | .hljs-meta,
 58 | .hljs-regexp,
 59 | .hljs-selector-id,
 60 | .hljs-template-variable {
 61 |   color: #fe8019;
 62 | }
 63 | 
 64 | /* Gruvbox Green */
 65 | .hljs-addition,
 66 | .hljs-meta-string,
 67 | .hljs-section,
 68 | .hljs-selector-attr,
 69 | .hljs-selector-class,
 70 | .hljs-string,
 71 | .hljs-symbol {
 72 |   color: #b8bb26;
 73 | }
 74 | 
 75 | /* Gruvbox Aqua */
 76 | .hljs-attribute,
 77 | .hljs-bullet,
 78 | .hljs-class,
 79 | .hljs-function,
 80 | .hljs-function .hljs-keyword,
 81 | .hljs-meta-keyword,
 82 | .hljs-selector-pseudo,
 83 | .hljs-tag {
 84 |   color: #8ec07c;
 85 | }
 86 | 
 87 | /* Gruvbox Gray */
 88 | .hljs-comment {
 89 |   color: #928374;
 90 | }
 91 | 
 92 | /* Gruvbox Purple */
 93 | .hljs-link_label,
 94 | .hljs-literal,
 95 | .hljs-number {
 96 |   color: #d3869b;
 97 | }
 98 | 
 99 | .hljs-comment,
100 | .hljs-emphasis {
101 |   font-style: italic;
102 | }
103 | 
104 | .hljs-section,
105 | .hljs-strong,
106 | .hljs-tag {
107 |   font-weight: bold;
108 | }
109 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/gruvbox-light.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Gruvbox style (light) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   background: #fbf1c7;
 12 | }
 13 | 
 14 | .hljs,
 15 | .hljs-subst {
 16 |   color: #3c3836;
 17 | }
 18 | 
 19 | /* Gruvbox Red */
 20 | .hljs-deletion,
 21 | .hljs-formula,
 22 | .hljs-keyword,
 23 | .hljs-link,
 24 | .hljs-selector-tag {
 25 |   color: #9d0006;
 26 | }
 27 | 
 28 | /* Gruvbox Blue */
 29 | .hljs-built_in,
 30 | .hljs-emphasis,
 31 | .hljs-name,
 32 | .hljs-quote,
 33 | .hljs-strong,
 34 | .hljs-title,
 35 | .hljs-variable {
 36 |   color: #076678;
 37 | }
 38 | 
 39 | /* Gruvbox Yellow */
 40 | .hljs-attr,
 41 | .hljs-params,
 42 | .hljs-template-tag,
 43 | .hljs-type {
 44 |   color: #b57614;
 45 | }
 46 | 
 47 | /* Gruvbox Purple */
 48 | .hljs-builtin-name,
 49 | .hljs-doctag,
 50 | .hljs-literal,
 51 | .hljs-number {
 52 |   color: #8f3f71;
 53 | }
 54 | 
 55 | /* Gruvbox Orange */
 56 | .hljs-code,
 57 | .hljs-meta,
 58 | .hljs-regexp,
 59 | .hljs-selector-id,
 60 | .hljs-template-variable {
 61 |   color: #af3a03;
 62 | }
 63 | 
 64 | /* Gruvbox Green */
 65 | .hljs-addition,
 66 | .hljs-meta-string,
 67 | .hljs-section,
 68 | .hljs-selector-attr,
 69 | .hljs-selector-class,
 70 | .hljs-string,
 71 | .hljs-symbol {
 72 |   color: #79740e;
 73 | }
 74 | 
 75 | /* Gruvbox Aqua */
 76 | .hljs-attribute,
 77 | .hljs-bullet,
 78 | .hljs-class,
 79 | .hljs-function,
 80 | .hljs-function .hljs-keyword,
 81 | .hljs-meta-keyword,
 82 | .hljs-selector-pseudo,
 83 | .hljs-tag {
 84 |   color: #427b58;
 85 | }
 86 | 
 87 | /* Gruvbox Gray */
 88 | .hljs-comment {
 89 |   color: #928374;
 90 | }
 91 | 
 92 | /* Gruvbox Purple */
 93 | .hljs-link_label,
 94 | .hljs-literal,
 95 | .hljs-number {
 96 |   color: #8f3f71;
 97 | }
 98 | 
 99 | .hljs-comment,
100 | .hljs-emphasis {
101 |   font-style: italic;
102 | }
103 | 
104 | .hljs-section,
105 | .hljs-strong,
106 | .hljs-tag {
107 |   font-weight: bold;
108 | }
109 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/hopscotch.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Hopscotch
 3 |  * by Jan T. Sott
 4 |  * https://github.com/idleberg/Hopscotch
 5 |  *
 6 |  * This work is licensed under the Creative Commons CC0 1.0 Universal License
 7 |  */
 8 | 
 9 | /* Comment */
10 | .hljs-comment,
11 | .hljs-quote {
12 |   color: #989498;
13 | }
14 | 
15 | /* Red */
16 | .hljs-variable,
17 | .hljs-template-variable,
18 | .hljs-attribute,
19 | .hljs-tag,
20 | .hljs-name,
21 | .hljs-selector-id,
22 | .hljs-selector-class,
23 | .hljs-regexp,
24 | .hljs-link,
25 | .hljs-deletion {
26 |   color: #dd464c;
27 | }
28 | 
29 | /* Orange */
30 | .hljs-number,
31 | .hljs-built_in,
32 | .hljs-builtin-name,
33 | .hljs-literal,
34 | .hljs-type,
35 | .hljs-params {
36 |   color: #fd8b19;
37 | }
38 | 
39 | /* Yellow */
40 | .hljs-class .hljs-title {
41 |   color: #fdcc59;
42 | }
43 | 
44 | /* Green */
45 | .hljs-string,
46 | .hljs-symbol,
47 | .hljs-bullet,
48 | .hljs-addition {
49 |   color: #8fc13e;
50 | }
51 | 
52 | /* Aqua */
53 | .hljs-meta {
54 |   color: #149b93;
55 | }
56 | 
57 | /* Blue */
58 | .hljs-function,
59 | .hljs-section,
60 | .hljs-title {
61 |   color: #1290bf;
62 | }
63 | 
64 | /* Purple */
65 | .hljs-keyword,
66 | .hljs-selector-tag {
67 |   color: #c85e7c;
68 | }
69 | 
70 | .hljs {
71 |   display: block;
72 |   background: #322931;
73 |   color: #b9b5b8;
74 |   padding: 0.5em;
75 | }
76 | 
77 | .hljs-emphasis {
78 |   font-style: italic;
79 | }
80 | 
81 | .hljs-strong {
82 |   font-weight: bold;
83 | }
84 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/hybrid.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
  4 | 
  5 | */
  6 | 
  7 | /*background color*/
  8 | .hljs {
  9 |   display: block;
 10 |   overflow-x: auto;
 11 |   padding: 0.5em;
 12 |   background: #1d1f21;
 13 | }
 14 | 
 15 | /*selection color*/
 16 | .hljs::selection,
 17 | .hljs span::selection {
 18 |   background: #373b41;
 19 | }
 20 | 
 21 | .hljs::-moz-selection,
 22 | .hljs span::-moz-selection {
 23 |   background: #373b41;
 24 | }
 25 | 
 26 | /*foreground color*/
 27 | .hljs {
 28 |   color: #c5c8c6;
 29 | }
 30 | 
 31 | /*color: fg_yellow*/
 32 | .hljs-title,
 33 | .hljs-name {
 34 |   color: #f0c674;
 35 | }
 36 | 
 37 | /*color: fg_comment*/
 38 | .hljs-comment,
 39 | .hljs-meta,
 40 | .hljs-meta .hljs-keyword {
 41 |   color: #707880;
 42 | }
 43 | 
 44 | /*color: fg_red*/
 45 | .hljs-number,
 46 | .hljs-symbol,
 47 | .hljs-literal,
 48 | .hljs-deletion,
 49 | .hljs-link {
 50 |  color: #cc6666
 51 | }
 52 | 
 53 | /*color: fg_green*/
 54 | .hljs-string,
 55 | .hljs-doctag,
 56 | .hljs-addition,
 57 | .hljs-regexp,
 58 | .hljs-selector-attr,
 59 | .hljs-selector-pseudo {
 60 |   color: #b5bd68;
 61 | }
 62 | 
 63 | /*color: fg_purple*/
 64 | .hljs-attribute,
 65 | .hljs-code,
 66 | .hljs-selector-id {
 67 |  color: #b294bb;
 68 | }
 69 | 
 70 | /*color: fg_blue*/
 71 | .hljs-keyword,
 72 | .hljs-selector-tag,
 73 | .hljs-bullet,
 74 | .hljs-tag {
 75 |  color: #81a2be;
 76 | }
 77 | 
 78 | /*color: fg_aqua*/
 79 | .hljs-subst,
 80 | .hljs-variable,
 81 | .hljs-template-tag,
 82 | .hljs-template-variable {
 83 |   color: #8abeb7;
 84 | }
 85 | 
 86 | /*color: fg_orange*/
 87 | .hljs-type,
 88 | .hljs-built_in,
 89 | .hljs-builtin-name,
 90 | .hljs-quote,
 91 | .hljs-section,
 92 | .hljs-selector-class {
 93 |   color: #de935f;
 94 | }
 95 | 
 96 | .hljs-emphasis {
 97 |   font-style: italic;
 98 | }
 99 | 
100 | .hljs-strong {
101 |   font-weight: bold;
102 | }
103 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/idea.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Intellij Idea-like styling (c) Vasily Polovnyov 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   color: #000;
12 |   background: #fff;
13 | }
14 | 
15 | .hljs-subst,
16 | .hljs-title {
17 |   font-weight: normal;
18 |   color: #000;
19 | }
20 | 
21 | .hljs-comment,
22 | .hljs-quote {
23 |   color: #808080;
24 |   font-style: italic;
25 | }
26 | 
27 | .hljs-meta {
28 |   color: #808000;
29 | }
30 | 
31 | .hljs-tag {
32 |   background: #efefef;
33 | }
34 | 
35 | .hljs-section,
36 | .hljs-name,
37 | .hljs-literal,
38 | .hljs-keyword,
39 | .hljs-selector-tag,
40 | .hljs-type,
41 | .hljs-selector-id,
42 | .hljs-selector-class {
43 |   font-weight: bold;
44 |   color: #000080;
45 | }
46 | 
47 | .hljs-attribute,
48 | .hljs-number,
49 | .hljs-regexp,
50 | .hljs-link {
51 |   font-weight: bold;
52 |   color: #0000ff;
53 | }
54 | 
55 | .hljs-number,
56 | .hljs-regexp,
57 | .hljs-link {
58 |   font-weight: normal;
59 | }
60 | 
61 | .hljs-string {
62 |   color: #008000;
63 |   font-weight: bold;
64 | }
65 | 
66 | .hljs-symbol,
67 | .hljs-bullet,
68 | .hljs-formula {
69 |   color: #000;
70 |   background: #d0eded;
71 |   font-style: italic;
72 | }
73 | 
74 | .hljs-doctag {
75 |   text-decoration: underline;
76 | }
77 | 
78 | .hljs-variable,
79 | .hljs-template-variable {
80 |   color: #660e7a;
81 | }
82 | 
83 | .hljs-addition {
84 |   background: #baeeba;
85 | }
86 | 
87 | .hljs-deletion {
88 |   background: #ffc8bd;
89 | }
90 | 
91 | .hljs-emphasis {
92 |   font-style: italic;
93 | }
94 | 
95 | .hljs-strong {
96 |   font-weight: bold;
97 | }
98 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/ir-black.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |   IR_Black style (c) Vasily Mikhailitchenko 
 3 | */
 4 | 
 5 | .hljs {
 6 |   display: block;
 7 |   overflow-x: auto;
 8 |   padding: 0.5em;
 9 |   background: #000;
10 |   color: #f8f8f8;
11 | }
12 | 
13 | .hljs-comment,
14 | .hljs-quote,
15 | .hljs-meta {
16 |   color: #7c7c7c;
17 | }
18 | 
19 | .hljs-keyword,
20 | .hljs-selector-tag,
21 | .hljs-tag,
22 | .hljs-name {
23 |   color: #96cbfe;
24 | }
25 | 
26 | .hljs-attribute,
27 | .hljs-selector-id {
28 |   color: #ffffb6;
29 | }
30 | 
31 | .hljs-string,
32 | .hljs-selector-attr,
33 | .hljs-selector-pseudo,
34 | .hljs-addition {
35 |   color: #a8ff60;
36 | }
37 | 
38 | .hljs-subst {
39 |   color: #daefa3;
40 | }
41 | 
42 | .hljs-regexp,
43 | .hljs-link {
44 |   color: #e9c062;
45 | }
46 | 
47 | .hljs-title,
48 | .hljs-section,
49 | .hljs-type,
50 | .hljs-doctag {
51 |   color: #ffffb6;
52 | }
53 | 
54 | .hljs-symbol,
55 | .hljs-bullet,
56 | .hljs-variable,
57 | .hljs-template-variable,
58 | .hljs-literal {
59 |   color: #c6c5fe;
60 | }
61 | 
62 | .hljs-number,
63 | .hljs-deletion {
64 |   color:#ff73fd;
65 | }
66 | 
67 | .hljs-emphasis {
68 |   font-style: italic;
69 | }
70 | 
71 | .hljs-strong {
72 |   font-weight: bold;
73 | }
74 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/kimbie.dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Name:     Kimbie (dark)
 3 |     Author:   Jan T. Sott
 4 |     License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
 5 |     URL:      https://github.com/idleberg/Kimbie-highlight.js
 6 | */
 7 | 
 8 | /* Kimbie Comment */
 9 | .hljs-comment,
10 | .hljs-quote {
11 |   color: #d6baad;
12 | }
13 | 
14 | /* Kimbie Red */
15 | .hljs-variable,
16 | .hljs-template-variable,
17 | .hljs-tag,
18 | .hljs-name,
19 | .hljs-selector-id,
20 | .hljs-selector-class,
21 | .hljs-regexp,
22 | .hljs-meta {
23 |   color: #dc3958;
24 | }
25 | 
26 | /* Kimbie Orange */
27 | .hljs-number,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params,
33 | .hljs-deletion,
34 | .hljs-link {
35 |   color: #f79a32;
36 | }
37 | 
38 | /* Kimbie Yellow */
39 | .hljs-title,
40 | .hljs-section,
41 | .hljs-attribute {
42 |   color: #f06431;
43 | }
44 | 
45 | /* Kimbie Green */
46 | .hljs-string,
47 | .hljs-symbol,
48 | .hljs-bullet,
49 | .hljs-addition {
50 |   color: #889b4a;
51 | }
52 | 
53 | /* Kimbie Purple */
54 | .hljs-keyword,
55 | .hljs-selector-tag,
56 | .hljs-function {
57 |   color: #98676a;
58 | }
59 | 
60 | .hljs {
61 |   display: block;
62 |   overflow-x: auto;
63 |   background: #221a0f;
64 |   color: #d3af86;
65 |   padding: 0.5em;
66 | }
67 | 
68 | .hljs-emphasis {
69 |   font-style: italic;
70 | }
71 | 
72 | .hljs-strong {
73 |   font-weight: bold;
74 | }
75 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/kimbie.light.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Name:     Kimbie (light)
 3 |     Author:   Jan T. Sott
 4 |     License:  Creative Commons Attribution-ShareAlike 4.0 Unported License
 5 |     URL:      https://github.com/idleberg/Kimbie-highlight.js
 6 | */
 7 | 
 8 | /* Kimbie Comment */
 9 | .hljs-comment,
10 | .hljs-quote {
11 |   color: #a57a4c;
12 | }
13 | 
14 | /* Kimbie Red */
15 | .hljs-variable,
16 | .hljs-template-variable,
17 | .hljs-tag,
18 | .hljs-name,
19 | .hljs-selector-id,
20 | .hljs-selector-class,
21 | .hljs-regexp,
22 | .hljs-meta {
23 |   color: #dc3958;
24 | }
25 | 
26 | /* Kimbie Orange */
27 | .hljs-number,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params,
33 | .hljs-deletion,
34 | .hljs-link {
35 |   color: #f79a32;
36 | }
37 | 
38 | /* Kimbie Yellow */
39 | .hljs-title,
40 | .hljs-section,
41 | .hljs-attribute {
42 |   color: #f06431;
43 | }
44 | 
45 | /* Kimbie Green */
46 | .hljs-string,
47 | .hljs-symbol,
48 | .hljs-bullet,
49 | .hljs-addition {
50 |   color: #889b4a;
51 | }
52 | 
53 | /* Kimbie Purple */
54 | .hljs-keyword,
55 | .hljs-selector-tag,
56 | .hljs-function {
57 |   color: #98676a;
58 | }
59 | 
60 | .hljs {
61 |   display: block;
62 |   overflow-x: auto;
63 |   background: #fbebd4;
64 |   color: #84613d;
65 |   padding: 0.5em;
66 | }
67 | 
68 | .hljs-emphasis {
69 |   font-style: italic;
70 | }
71 | 
72 | .hljs-strong {
73 |   font-weight: bold;
74 | }
75 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/magula.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Description: Magula style for highligh.js
 3 | Author: Ruslan Keba 
 4 | Website: http://rukeba.com/
 5 | Version: 1.0
 6 | Date: 2009-01-03
 7 | Music: Aphex Twin / Xtal
 8 | */
 9 | 
10 | .hljs {
11 |   display: block;
12 |   overflow-x: auto;
13 |   padding: 0.5em;
14 |   background-color: #f4f4f4;
15 | }
16 | 
17 | .hljs,
18 | .hljs-subst {
19 |   color: black;
20 | }
21 | 
22 | .hljs-string,
23 | .hljs-title,
24 | .hljs-symbol,
25 | .hljs-bullet,
26 | .hljs-attribute,
27 | .hljs-addition,
28 | .hljs-variable,
29 | .hljs-template-tag,
30 | .hljs-template-variable {
31 |   color: #050;
32 | }
33 | 
34 | .hljs-comment,
35 | .hljs-quote {
36 |   color: #777;
37 | }
38 | 
39 | .hljs-number,
40 | .hljs-regexp,
41 | .hljs-literal,
42 | .hljs-type,
43 | .hljs-link {
44 |   color: #800;
45 | }
46 | 
47 | .hljs-deletion,
48 | .hljs-meta {
49 |   color: #00e;
50 | }
51 | 
52 | .hljs-keyword,
53 | .hljs-selector-tag,
54 | .hljs-doctag,
55 | .hljs-title,
56 | .hljs-section,
57 | .hljs-built_in,
58 | .hljs-tag,
59 | .hljs-name {
60 |   font-weight: bold;
61 |   color: navy;
62 | }
63 | 
64 | .hljs-emphasis {
65 |   font-style: italic;
66 | }
67 | 
68 | .hljs-strong {
69 |   font-weight: bold;
70 | }
71 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/mono-blue.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |   Five-color theme from a single blue hue.
 3 | */
 4 | .hljs {
 5 |   display: block;
 6 |   overflow-x: auto;
 7 |   padding: 0.5em;
 8 |   background: #eaeef3;
 9 | }
10 | 
11 | .hljs {
12 |   color: #00193a;
13 | }
14 | 
15 | .hljs-keyword,
16 | .hljs-selector-tag,
17 | .hljs-title,
18 | .hljs-section,
19 | .hljs-doctag,
20 | .hljs-name,
21 | .hljs-strong {
22 |   font-weight: bold;
23 | }
24 | 
25 | .hljs-comment {
26 |   color: #738191;
27 | }
28 | 
29 | .hljs-string,
30 | .hljs-title,
31 | .hljs-section,
32 | .hljs-built_in,
33 | .hljs-literal,
34 | .hljs-type,
35 | .hljs-addition,
36 | .hljs-tag,
37 | .hljs-quote,
38 | .hljs-name,
39 | .hljs-selector-id,
40 | .hljs-selector-class {
41 |   color: #0048ab;
42 | }
43 | 
44 | .hljs-meta,
45 | .hljs-subst,
46 | .hljs-symbol,
47 | .hljs-regexp,
48 | .hljs-attribute,
49 | .hljs-deletion,
50 | .hljs-variable,
51 | .hljs-template-variable,
52 | .hljs-link,
53 | .hljs-bullet {
54 |   color: #4c81c9;
55 | }
56 | 
57 | .hljs-emphasis {
58 |   font-style: italic;
59 | }
60 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/monokai-sublime.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #23241f;
12 | }
13 | 
14 | .hljs,
15 | .hljs-tag,
16 | .hljs-subst {
17 |   color: #f8f8f2;
18 | }
19 | 
20 | .hljs-strong,
21 | .hljs-emphasis {
22 |   color: #a8a8a2;
23 | }
24 | 
25 | .hljs-bullet,
26 | .hljs-quote,
27 | .hljs-number,
28 | .hljs-regexp,
29 | .hljs-literal,
30 | .hljs-link {
31 |   color: #ae81ff;
32 | }
33 | 
34 | .hljs-code,
35 | .hljs-title,
36 | .hljs-section,
37 | .hljs-selector-class {
38 |   color: #a6e22e;
39 | }
40 | 
41 | .hljs-strong {
42 |   font-weight: bold;
43 | }
44 | 
45 | .hljs-emphasis {
46 |   font-style: italic;
47 | }
48 | 
49 | .hljs-keyword,
50 | .hljs-selector-tag,
51 | .hljs-name,
52 | .hljs-attr {
53 |   color: #f92672;
54 | }
55 | 
56 | .hljs-symbol,
57 | .hljs-attribute {
58 |   color: #66d9ef;
59 | }
60 | 
61 | .hljs-params,
62 | .hljs-class .hljs-title {
63 |   color: #f8f8f2;
64 | }
65 | 
66 | .hljs-string,
67 | .hljs-type,
68 | .hljs-built_in,
69 | .hljs-builtin-name,
70 | .hljs-selector-id,
71 | .hljs-selector-attr,
72 | .hljs-selector-pseudo,
73 | .hljs-addition,
74 | .hljs-variable,
75 | .hljs-template-variable {
76 |   color: #e6db74;
77 | }
78 | 
79 | .hljs-comment,
80 | .hljs-deletion,
81 | .hljs-meta {
82 |   color: #75715e;
83 | }
84 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/monokai.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Monokai style - ported by Luigi Maselli - http://grigio.org
 3 | */
 4 | 
 5 | .hljs {
 6 |   display: block;
 7 |   overflow-x: auto;
 8 |   padding: 0.5em;
 9 |   background: #272822; color: #ddd;
10 | }
11 | 
12 | .hljs-tag,
13 | .hljs-keyword,
14 | .hljs-selector-tag,
15 | .hljs-literal,
16 | .hljs-strong,
17 | .hljs-name {
18 |   color: #f92672;
19 | }
20 | 
21 | .hljs-code {
22 |   color: #66d9ef;
23 | }
24 | 
25 | .hljs-class .hljs-title {
26 |   color: white;
27 | }
28 | 
29 | .hljs-attribute,
30 | .hljs-symbol,
31 | .hljs-regexp,
32 | .hljs-link {
33 |   color: #bf79db;
34 | }
35 | 
36 | .hljs-string,
37 | .hljs-bullet,
38 | .hljs-subst,
39 | .hljs-title,
40 | .hljs-section,
41 | .hljs-emphasis,
42 | .hljs-type,
43 | .hljs-built_in,
44 | .hljs-builtin-name,
45 | .hljs-selector-attr,
46 | .hljs-selector-pseudo,
47 | .hljs-addition,
48 | .hljs-variable,
49 | .hljs-template-tag,
50 | .hljs-template-variable {
51 |   color: #a6e22e;
52 | }
53 | 
54 | .hljs-comment,
55 | .hljs-quote,
56 | .hljs-deletion,
57 | .hljs-meta {
58 |   color: #75715e;
59 | }
60 | 
61 | .hljs-keyword,
62 | .hljs-selector-tag,
63 | .hljs-literal,
64 | .hljs-doctag,
65 | .hljs-title,
66 | .hljs-section,
67 | .hljs-type,
68 | .hljs-selector-id {
69 |   font-weight: bold;
70 | }
71 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/obsidian.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Obsidian style
 3 |  * ported by Alexander Marenin (http://github.com/ioncreature)
 4 |  */
 5 | 
 6 | .hljs {
 7 |   display: block;
 8 |   overflow-x: auto;
 9 |   padding: 0.5em;
10 |   background: #282b2e;
11 | }
12 | 
13 | .hljs-keyword,
14 | .hljs-selector-tag,
15 | .hljs-literal,
16 | .hljs-selector-id {
17 |   color: #93c763;
18 | }
19 | 
20 | .hljs-number {
21 |   color: #ffcd22;
22 | }
23 | 
24 | .hljs {
25 |   color: #e0e2e4;
26 | }
27 | 
28 | .hljs-attribute {
29 |   color: #668bb0;
30 | }
31 | 
32 | .hljs-code,
33 | .hljs-class .hljs-title,
34 | .hljs-section {
35 |   color: white;
36 | }
37 | 
38 | .hljs-regexp,
39 | .hljs-link {
40 |   color: #d39745;
41 | }
42 | 
43 | .hljs-meta {
44 |   color: #557182;
45 | }
46 | 
47 | .hljs-tag,
48 | .hljs-name,
49 | .hljs-bullet,
50 | .hljs-subst,
51 | .hljs-emphasis,
52 | .hljs-type,
53 | .hljs-built_in,
54 | .hljs-selector-attr,
55 | .hljs-selector-pseudo,
56 | .hljs-addition,
57 | .hljs-variable,
58 | .hljs-template-tag,
59 | .hljs-template-variable {
60 |   color: #8cbbad;
61 | }
62 | 
63 | .hljs-string,
64 | .hljs-symbol {
65 |   color: #ec7600;
66 | }
67 | 
68 | .hljs-comment,
69 | .hljs-quote,
70 | .hljs-deletion {
71 |   color: #818e96;
72 | }
73 | 
74 | .hljs-selector-class {
75 |   color: #A082BD
76 | }
77 | 
78 | .hljs-keyword,
79 | .hljs-selector-tag,
80 | .hljs-literal,
81 | .hljs-doctag,
82 | .hljs-title,
83 | .hljs-section,
84 | .hljs-type,
85 | .hljs-name,
86 | .hljs-strong {
87 |   font-weight: bold;
88 | }
89 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/ocean.css:
--------------------------------------------------------------------------------
 1 | /* Ocean Dark Theme */
 2 | /* https://github.com/gavsiu */
 3 | /* Original theme - https://github.com/chriskempson/base16 */
 4 | 
 5 | /* Ocean Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #65737e;
 9 | }
10 | 
11 | /* Ocean Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-tag,
15 | .hljs-name,
16 | .hljs-selector-id,
17 | .hljs-selector-class,
18 | .hljs-regexp,
19 | .hljs-deletion {
20 |   color: #bf616a;
21 | }
22 | 
23 | /* Ocean Orange */
24 | .hljs-number,
25 | .hljs-built_in,
26 | .hljs-builtin-name,
27 | .hljs-literal,
28 | .hljs-type,
29 | .hljs-params,
30 | .hljs-meta,
31 | .hljs-link {
32 |   color: #d08770;
33 | }
34 | 
35 | /* Ocean Yellow */
36 | .hljs-attribute {
37 |   color: #ebcb8b;
38 | }
39 | 
40 | /* Ocean Green */
41 | .hljs-string,
42 | .hljs-symbol,
43 | .hljs-bullet,
44 | .hljs-addition {
45 |   color: #a3be8c;
46 | }
47 | 
48 | /* Ocean Blue */
49 | .hljs-title,
50 | .hljs-section {
51 |   color: #8fa1b3;
52 | }
53 | 
54 | /* Ocean Purple */
55 | .hljs-keyword,
56 | .hljs-selector-tag {
57 |   color: #b48ead;
58 | }
59 | 
60 | .hljs {
61 |   display: block;
62 |   overflow-x: auto;
63 |   background: #2b303b;
64 |   color: #c0c5ce;
65 |   padding: 0.5em;
66 | }
67 | 
68 | .hljs-emphasis {
69 |   font-style: italic;
70 | }
71 | 
72 | .hljs-strong {
73 |   font-weight: bold;
74 | }
75 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/paraiso-dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Paraíso (dark)
 3 |     Created by Jan T. Sott (http://github.com/idleberg)
 4 |     Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
 5 | */
 6 | 
 7 | /* Paraíso Comment */
 8 | .hljs-comment,
 9 | .hljs-quote {
10 |   color: #8d8687;
11 | }
12 | 
13 | /* Paraíso Red */
14 | .hljs-variable,
15 | .hljs-template-variable,
16 | .hljs-tag,
17 | .hljs-name,
18 | .hljs-selector-id,
19 | .hljs-selector-class,
20 | .hljs-regexp,
21 | .hljs-link,
22 | .hljs-meta {
23 |   color: #ef6155;
24 | }
25 | 
26 | /* Paraíso Orange */
27 | .hljs-number,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params,
33 | .hljs-deletion {
34 |   color: #f99b15;
35 | }
36 | 
37 | /* Paraíso Yellow */
38 | .hljs-title,
39 | .hljs-section,
40 | .hljs-attribute {
41 |   color: #fec418;
42 | }
43 | 
44 | /* Paraíso Green */
45 | .hljs-string,
46 | .hljs-symbol,
47 | .hljs-bullet,
48 | .hljs-addition {
49 |   color: #48b685;
50 | }
51 | 
52 | /* Paraíso Purple */
53 | .hljs-keyword,
54 | .hljs-selector-tag {
55 |   color: #815ba4;
56 | }
57 | 
58 | .hljs {
59 |   display: block;
60 |   overflow-x: auto;
61 |   background: #2f1e2e;
62 |   color: #a39e9b;
63 |   padding: 0.5em;
64 | }
65 | 
66 | .hljs-emphasis {
67 |   font-style: italic;
68 | }
69 | 
70 | .hljs-strong {
71 |   font-weight: bold;
72 | }
73 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/paraiso-light.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Paraíso (light)
 3 |     Created by Jan T. Sott (http://github.com/idleberg)
 4 |     Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
 5 | */
 6 | 
 7 | /* Paraíso Comment */
 8 | .hljs-comment,
 9 | .hljs-quote {
10 |   color: #776e71;
11 | }
12 | 
13 | /* Paraíso Red */
14 | .hljs-variable,
15 | .hljs-template-variable,
16 | .hljs-tag,
17 | .hljs-name,
18 | .hljs-selector-id,
19 | .hljs-selector-class,
20 | .hljs-regexp,
21 | .hljs-link,
22 | .hljs-meta {
23 |   color: #ef6155;
24 | }
25 | 
26 | /* Paraíso Orange */
27 | .hljs-number,
28 | .hljs-built_in,
29 | .hljs-builtin-name,
30 | .hljs-literal,
31 | .hljs-type,
32 | .hljs-params,
33 | .hljs-deletion {
34 |   color: #f99b15;
35 | }
36 | 
37 | /* Paraíso Yellow */
38 | .hljs-title,
39 | .hljs-section,
40 | .hljs-attribute {
41 |   color: #fec418;
42 | }
43 | 
44 | /* Paraíso Green */
45 | .hljs-string,
46 | .hljs-symbol,
47 | .hljs-bullet,
48 | .hljs-addition {
49 |   color: #48b685;
50 | }
51 | 
52 | /* Paraíso Purple */
53 | .hljs-keyword,
54 | .hljs-selector-tag {
55 |   color: #815ba4;
56 | }
57 | 
58 | .hljs {
59 |   display: block;
60 |   overflow-x: auto;
61 |   background: #e7e9db;
62 |   color: #4f424c;
63 |   padding: 0.5em;
64 | }
65 | 
66 | .hljs-emphasis {
67 |   font-style: italic;
68 | }
69 | 
70 | .hljs-strong {
71 |   font-weight: bold;
72 | }
73 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/pojoaque.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Pojoaque Style by Jason Tate
 4 | http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
 5 | Based on Solarized Style from http://ethanschoonover.com/solarized
 6 | 
 7 | */
 8 | 
 9 | .hljs {
10 |   display: block;
11 |   overflow-x: auto;
12 |   padding: 0.5em;
13 |   color: #dccf8f;
14 |   background: url(./pojoaque.jpg) repeat scroll left top #181914;
15 | }
16 | 
17 | .hljs-comment,
18 | .hljs-quote {
19 |   color: #586e75;
20 |   font-style: italic;
21 | }
22 | 
23 | .hljs-keyword,
24 | .hljs-selector-tag,
25 | .hljs-literal,
26 | .hljs-addition {
27 |   color: #b64926;
28 | }
29 | 
30 | .hljs-number,
31 | .hljs-string,
32 | .hljs-doctag,
33 | .hljs-regexp {
34 |   color: #468966;
35 | }
36 | 
37 | .hljs-title,
38 | .hljs-section,
39 | .hljs-built_in,
40 | .hljs-name {
41 |   color: #ffb03b;
42 | }
43 | 
44 | .hljs-variable,
45 | .hljs-template-variable,
46 | .hljs-class .hljs-title,
47 | .hljs-type,
48 | .hljs-tag {
49 |   color: #b58900;
50 | }
51 | 
52 | .hljs-attribute {
53 |   color: #b89859;
54 | }
55 | 
56 | .hljs-symbol,
57 | .hljs-bullet,
58 | .hljs-link,
59 | .hljs-subst,
60 | .hljs-meta {
61 |   color: #cb4b16;
62 | }
63 | 
64 | .hljs-deletion {
65 |   color: #dc322f;
66 | }
67 | 
68 | .hljs-selector-id,
69 | .hljs-selector-class {
70 |   color: #d3a60c;
71 | }
72 | 
73 | .hljs-formula {
74 |   background: #073642;
75 | }
76 | 
77 | .hljs-emphasis {
78 |   font-style: italic;
79 | }
80 | 
81 | .hljs-strong {
82 |   font-weight: bold;
83 | }
84 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/pojoaque.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoquinalha/the-grid/f52c7075d3024cd9d6c8c376a9ba5ba41e988599/js/highlightjs/styles/pojoaque.jpg


--------------------------------------------------------------------------------
/js/highlightjs/styles/purebasic.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | PureBASIC native IDE style ( version 1.0 - April 2016 )
 4 | 
 5 | by Tristano Ajmone 
 6 | 
 7 | Public Domain
 8 | 
 9 | NOTE_1:	PureBASIC code syntax highlighting only applies the following classes:
10 | 			.hljs-comment
11 | 			.hljs-function
12 | 			.hljs-keywords
13 | 			.hljs-string
14 | 			.hljs-symbol
15 | 
16 | 		Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
17 | 		If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
18 | 		a "--- used for PureBASIC ... ---" comment on same line.
19 | 
20 | NOTE_2:	Color names provided in comments were derived using "Name that Color" online tool:
21 | 			http://chir.ag/projects/name-that-color
22 | */
23 | 
24 | .hljs { /* Common set of rules required by highlight.js (don'r remove!) */
25 | 	display: block;
26 | 	overflow-x: auto;
27 | 	padding: 0.5em;
28 | 	background: #FFFFDF; /* Half and Half (approx.) */
29 | /* --- Uncomment to add PureBASIC native IDE styled font!
30 | 	font-family: Consolas;
31 | */
32 | }
33 | 
34 | .hljs, /* --- used for PureBASIC base color --- */
35 | .hljs-type,  /* --- used for PureBASIC Procedures return type --- */
36 | .hljs-function, /* --- used for wrapping PureBASIC Procedures definitions --- */
37 | .hljs-name,
38 | .hljs-number,
39 | .hljs-attr,
40 | .hljs-params,
41 | .hljs-subst {
42 | 	color: #000000; /* Black */
43 | }
44 | 
45 | .hljs-comment, /* --- used for PureBASIC Comments --- */
46 | .hljs-regexp,
47 | .hljs-section,
48 | .hljs-selector-pseudo,
49 | .hljs-addition {
50 | 	color: #00AAAA; /* Persian Green (approx.) */
51 | }
52 | 
53 | .hljs-title, /* --- used for PureBASIC Procedures Names --- */
54 | .hljs-tag,
55 | .hljs-variable,
56 | .hljs-code  {
57 | 	color: #006666; /* Blue Stone (approx.) */
58 | }
59 | 
60 | .hljs-keyword, /* --- used for PureBASIC Keywords --- */
61 | .hljs-class,
62 | .hljs-meta-keyword,
63 | .hljs-selector-class,
64 | .hljs-built_in,
65 | .hljs-builtin-name {
66 | 	color: #006666; /* Blue Stone (approx.) */
67 | 	font-weight: bold;
68 | }
69 | 
70 | .hljs-string, /* --- used for PureBASIC Strings --- */
71 | .hljs-selector-attr {
72 | 	color: #0080FF; /* Azure Radiance (approx.) */
73 | }
74 | 
75 | .hljs-symbol, /* --- used for PureBASIC Constants --- */
76 | .hljs-link,
77 | .hljs-deletion,
78 | .hljs-attribute {
79 | 	color: #924B72; /* Cannon Pink (approx.) */
80 | }
81 | 
82 | .hljs-meta,
83 | .hljs-literal,
84 | .hljs-selector-id {
85 | 	color: #924B72; /* Cannon Pink (approx.) */
86 | 	font-weight: bold;
87 | }
88 | 
89 | .hljs-strong,
90 | .hljs-name {
91 | 	font-weight: bold;
92 | }
93 | 
94 | .hljs-emphasis {
95 | 	font-style: italic;
96 | }
97 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/qtcreator_dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Qt Creator dark color scheme
 4 | 
 5 | */
 6 | 
 7 | 
 8 | .hljs {
 9 |   display: block;
10 |   overflow-x: auto;
11 |   padding: 0.5em;
12 |   background: #000000;
13 | }
14 | 
15 | .hljs,
16 | .hljs-subst,
17 | .hljs-tag,
18 | .hljs-title {
19 |   color: #aaaaaa;
20 | }
21 | 
22 | .hljs-strong,
23 | .hljs-emphasis {
24 |   color: #a8a8a2;
25 | }
26 | 
27 | .hljs-bullet,
28 | .hljs-quote,
29 | .hljs-number,
30 | .hljs-regexp,
31 | .hljs-literal {
32 |   color: #ff55ff;
33 | }
34 | 
35 | .hljs-code
36 | .hljs-selector-class {
37 |   color: #aaaaff;
38 | }
39 | 
40 | .hljs-emphasis,
41 | .hljs-stronge,
42 | .hljs-type {
43 |   font-style: italic;
44 | }
45 | 
46 | .hljs-keyword,
47 | .hljs-selector-tag,
48 | .hljs-function,
49 | .hljs-section,
50 | .hljs-symbol,
51 | .hljs-name {
52 |   color: #ffff55;
53 | }
54 | 
55 | .hljs-attribute {
56 |   color: #ff5555;
57 | }
58 | 
59 | .hljs-variable,
60 | .hljs-params,
61 | .hljs-class .hljs-title {
62 |   color: #8888ff;
63 | }
64 | 
65 | .hljs-string,
66 | .hljs-selector-id,
67 | .hljs-selector-attr,
68 | .hljs-selector-pseudo,
69 | .hljs-type,
70 | .hljs-built_in,
71 | .hljs-builtin-name,
72 | .hljs-template-tag,
73 | .hljs-template-variable,
74 | .hljs-addition,
75 | .hljs-link {
76 |   color: #ff55ff;
77 | }
78 | 
79 | .hljs-comment,
80 | .hljs-meta,
81 | .hljs-deletion {
82 |   color: #55ffff;
83 | }
84 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/qtcreator_light.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Qt Creator light color scheme
 4 | 
 5 | */
 6 | 
 7 | 
 8 | .hljs {
 9 |   display: block;
10 |   overflow-x: auto;
11 |   padding: 0.5em;
12 |   background: #ffffff;
13 | }
14 | 
15 | .hljs,
16 | .hljs-subst,
17 | .hljs-tag,
18 | .hljs-title {
19 |   color: #000000;
20 | }
21 | 
22 | .hljs-strong,
23 | .hljs-emphasis {
24 |   color: #000000;
25 | }
26 | 
27 | .hljs-bullet,
28 | .hljs-quote,
29 | .hljs-number,
30 | .hljs-regexp,
31 | .hljs-literal {
32 |   color: #000080;
33 | }
34 | 
35 | .hljs-code
36 | .hljs-selector-class {
37 |   color: #800080;
38 | }
39 | 
40 | .hljs-emphasis,
41 | .hljs-stronge,
42 | .hljs-type {
43 |   font-style: italic;
44 | }
45 | 
46 | .hljs-keyword,
47 | .hljs-selector-tag,
48 | .hljs-function,
49 | .hljs-section,
50 | .hljs-symbol,
51 | .hljs-name {
52 |   color: #808000;
53 | }
54 | 
55 | .hljs-attribute {
56 |   color: #800000;
57 | }
58 | 
59 | .hljs-variable,
60 | .hljs-params,
61 | .hljs-class .hljs-title {
62 |   color: #0055AF;
63 | }
64 | 
65 | .hljs-string,
66 | .hljs-selector-id,
67 | .hljs-selector-attr,
68 | .hljs-selector-pseudo,
69 | .hljs-type,
70 | .hljs-built_in,
71 | .hljs-builtin-name,
72 | .hljs-template-tag,
73 | .hljs-template-variable,
74 | .hljs-addition,
75 | .hljs-link {
76 |   color: #008000;
77 | }
78 | 
79 | .hljs-comment,
80 | .hljs-meta,
81 | .hljs-deletion {
82 |   color: #008000;
83 | }
84 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/railscasts.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Railscasts-like style (c) Visoft, Inc. (Damien White)
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   background: #232323;
 12 |   color: #e6e1dc;
 13 | }
 14 | 
 15 | .hljs-comment,
 16 | .hljs-quote {
 17 |   color: #bc9458;
 18 |   font-style: italic;
 19 | }
 20 | 
 21 | .hljs-keyword,
 22 | .hljs-selector-tag {
 23 |   color: #c26230;
 24 | }
 25 | 
 26 | .hljs-string,
 27 | .hljs-number,
 28 | .hljs-regexp,
 29 | .hljs-variable,
 30 | .hljs-template-variable {
 31 |   color: #a5c261;
 32 | }
 33 | 
 34 | .hljs-subst {
 35 |   color: #519f50;
 36 | }
 37 | 
 38 | .hljs-tag,
 39 | .hljs-name {
 40 |   color: #e8bf6a;
 41 | }
 42 | 
 43 | .hljs-type {
 44 |   color: #da4939;
 45 | }
 46 | 
 47 | 
 48 | .hljs-symbol,
 49 | .hljs-bullet,
 50 | .hljs-built_in,
 51 | .hljs-builtin-name,
 52 | .hljs-attr,
 53 | .hljs-link {
 54 |   color: #6d9cbe;
 55 | }
 56 | 
 57 | .hljs-params {
 58 |   color: #d0d0ff;
 59 | }
 60 | 
 61 | .hljs-attribute {
 62 |   color: #cda869;
 63 | }
 64 | 
 65 | .hljs-meta {
 66 |   color: #9b859d;
 67 | }
 68 | 
 69 | .hljs-title,
 70 | .hljs-section {
 71 |   color: #ffc66d;
 72 | }
 73 | 
 74 | .hljs-addition {
 75 |   background-color: #144212;
 76 |   color: #e6e1dc;
 77 |   display: inline-block;
 78 |   width: 100%;
 79 | }
 80 | 
 81 | .hljs-deletion {
 82 |   background-color: #600;
 83 |   color: #e6e1dc;
 84 |   display: inline-block;
 85 |   width: 100%;
 86 | }
 87 | 
 88 | .hljs-selector-class {
 89 |   color: #9b703f;
 90 | }
 91 | 
 92 | .hljs-selector-id {
 93 |   color: #8b98ab;
 94 | }
 95 | 
 96 | .hljs-emphasis {
 97 |   font-style: italic;
 98 | }
 99 | 
100 | .hljs-strong {
101 |   font-weight: bold;
102 | }
103 | 
104 | .hljs-link {
105 |   text-decoration: underline;
106 | }
107 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/rainbow.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Style with support for rainbow parens
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #474949;
12 |   color: #d1d9e1;
13 | }
14 | 
15 | 
16 | .hljs-comment,
17 | .hljs-quote {
18 |   color: #969896;
19 |   font-style: italic;
20 | }
21 | 
22 | .hljs-keyword,
23 | .hljs-selector-tag,
24 | .hljs-literal,
25 | .hljs-type,
26 | .hljs-addition {
27 |   color: #cc99cc;
28 | }
29 | 
30 | .hljs-number,
31 | .hljs-selector-attr,
32 | .hljs-selector-pseudo {
33 |   color: #f99157;
34 | }
35 | 
36 | .hljs-string,
37 | .hljs-doctag,
38 | .hljs-regexp {
39 |   color: #8abeb7;
40 | }
41 | 
42 | .hljs-title,
43 | .hljs-name,
44 | .hljs-section,
45 | .hljs-built_in {
46 |   color: #b5bd68;
47 | }
48 | 
49 | .hljs-variable,
50 | .hljs-template-variable,
51 | .hljs-selector-id,
52 | .hljs-class .hljs-title {
53 |    color: #ffcc66;
54 | }
55 | 
56 | .hljs-section,
57 | .hljs-name,
58 | .hljs-strong {
59 |   font-weight: bold;
60 | }
61 | 
62 | .hljs-symbol,
63 | .hljs-bullet,
64 | .hljs-subst,
65 | .hljs-meta,
66 | .hljs-link {
67 |   color: #f99157;
68 | }
69 | 
70 | .hljs-deletion {
71 |   color: #dc322f;
72 | }
73 | 
74 | .hljs-formula {
75 |   background: #eee8d5;
76 | }
77 | 
78 | .hljs-attr,
79 | .hljs-attribute {
80 |   color: #81a2be;
81 | }
82 | 
83 | .hljs-emphasis {
84 |   font-style: italic;
85 | }
86 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/routeros.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 |  highlight.js style for Microtik RouterOS script
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   background: #F0F0F0;
 12 | }
 13 | 
 14 | /* Base color: saturation 0; */
 15 | 
 16 | .hljs,
 17 | .hljs-subst {
 18 |   color: #444;
 19 | }
 20 | 
 21 | .hljs-comment {
 22 |   color: #888888;
 23 | }
 24 | 
 25 | .hljs-keyword,
 26 | .hljs-selector-tag,
 27 | .hljs-meta-keyword,
 28 | .hljs-doctag,
 29 | .hljs-name {
 30 |   font-weight: bold;
 31 | }
 32 | 
 33 | .hljs-attribute {
 34 |   color: #0E9A00;
 35 | }    
 36 | 
 37 | .hljs-function {
 38 |   color: #99069A;
 39 | }
 40 | 
 41 | .hljs-builtin-name {
 42 |   color: #99069A;
 43 | }
 44 | 
 45 | /* User color: hue: 0 */
 46 | 
 47 | .hljs-type,
 48 | .hljs-string,
 49 | .hljs-number,
 50 | .hljs-selector-id,
 51 | .hljs-selector-class,
 52 | .hljs-quote,
 53 | .hljs-template-tag,
 54 | .hljs-deletion {
 55 |   color: #880000;
 56 | }
 57 | 
 58 | .hljs-title,
 59 | .hljs-section {
 60 |   color: #880000;
 61 |   font-weight: bold;
 62 | }
 63 | 
 64 | .hljs-regexp,
 65 | .hljs-symbol,
 66 | .hljs-variable,
 67 | .hljs-template-variable,
 68 | .hljs-link,
 69 | .hljs-selector-attr,
 70 | .hljs-selector-pseudo {
 71 |   color: #BC6060;
 72 | }
 73 | 
 74 | 
 75 | /* Language color: hue: 90; */
 76 | 
 77 | .hljs-literal {
 78 |   color: #78A960;
 79 | }
 80 | 
 81 | .hljs-built_in,
 82 | .hljs-bullet,
 83 | .hljs-code,
 84 | .hljs-addition {
 85 |   color: #0C9A9A;
 86 | }
 87 | 
 88 | 
 89 | /* Meta color: hue: 200 */
 90 | 
 91 | .hljs-meta {
 92 |   color: #1f7199;
 93 | }
 94 | 
 95 | .hljs-meta-string {
 96 |   color: #4d99bf;
 97 | }
 98 | 
 99 | 
100 | /* Misc effects */
101 | 
102 | .hljs-emphasis {
103 |   font-style: italic;
104 | }
105 | 
106 | .hljs-strong {
107 |   font-weight: bold;
108 | }
109 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/school-book.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | School Book style from goldblog.com.ua (c) Zaripov Yura 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 15px 0.5em 0.5em 30px;
11 |   font-size: 11px;
12 |   line-height:16px;
13 | }
14 | 
15 | pre{
16 |   background:#f6f6ae url(./school-book.png);
17 |   border-top: solid 2px #d2e8b9;
18 |   border-bottom: solid 1px #d2e8b9;
19 | }
20 | 
21 | .hljs-keyword,
22 | .hljs-selector-tag,
23 | .hljs-literal {
24 |   color:#005599;
25 |   font-weight:bold;
26 | }
27 | 
28 | .hljs,
29 | .hljs-subst {
30 |   color: #3e5915;
31 | }
32 | 
33 | .hljs-string,
34 | .hljs-title,
35 | .hljs-section,
36 | .hljs-type,
37 | .hljs-symbol,
38 | .hljs-bullet,
39 | .hljs-attribute,
40 | .hljs-built_in,
41 | .hljs-builtin-name,
42 | .hljs-addition,
43 | .hljs-variable,
44 | .hljs-template-tag,
45 | .hljs-template-variable,
46 | .hljs-link {
47 |   color: #2c009f;
48 | }
49 | 
50 | .hljs-comment,
51 | .hljs-quote,
52 | .hljs-deletion,
53 | .hljs-meta {
54 |   color: #e60415;
55 | }
56 | 
57 | .hljs-keyword,
58 | .hljs-selector-tag,
59 | .hljs-literal,
60 | .hljs-doctag,
61 | .hljs-title,
62 | .hljs-section,
63 | .hljs-type,
64 | .hljs-name,
65 | .hljs-selector-id,
66 | .hljs-strong {
67 |   font-weight: bold;
68 | }
69 | 
70 | .hljs-emphasis {
71 |   font-style: italic;
72 | }
73 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/school-book.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoquinalha/the-grid/f52c7075d3024cd9d6c8c376a9ba5ba41e988599/js/highlightjs/styles/school-book.png


--------------------------------------------------------------------------------
/js/highlightjs/styles/solarized-dark.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #002b36;
12 |   color: #839496;
13 | }
14 | 
15 | .hljs-comment,
16 | .hljs-quote {
17 |   color: #586e75;
18 | }
19 | 
20 | /* Solarized Green */
21 | .hljs-keyword,
22 | .hljs-selector-tag,
23 | .hljs-addition {
24 |   color: #859900;
25 | }
26 | 
27 | /* Solarized Cyan */
28 | .hljs-number,
29 | .hljs-string,
30 | .hljs-meta .hljs-meta-string,
31 | .hljs-literal,
32 | .hljs-doctag,
33 | .hljs-regexp {
34 |   color: #2aa198;
35 | }
36 | 
37 | /* Solarized Blue */
38 | .hljs-title,
39 | .hljs-section,
40 | .hljs-name,
41 | .hljs-selector-id,
42 | .hljs-selector-class {
43 |   color: #268bd2;
44 | }
45 | 
46 | /* Solarized Yellow */
47 | .hljs-attribute,
48 | .hljs-attr,
49 | .hljs-variable,
50 | .hljs-template-variable,
51 | .hljs-class .hljs-title,
52 | .hljs-type {
53 |   color: #b58900;
54 | }
55 | 
56 | /* Solarized Orange */
57 | .hljs-symbol,
58 | .hljs-bullet,
59 | .hljs-subst,
60 | .hljs-meta,
61 | .hljs-meta .hljs-keyword,
62 | .hljs-selector-attr,
63 | .hljs-selector-pseudo,
64 | .hljs-link {
65 |   color: #cb4b16;
66 | }
67 | 
68 | /* Solarized Red */
69 | .hljs-built_in,
70 | .hljs-deletion {
71 |   color: #dc322f;
72 | }
73 | 
74 | .hljs-formula {
75 |   background: #073642;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/solarized-light.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #fdf6e3;
12 |   color: #657b83;
13 | }
14 | 
15 | .hljs-comment,
16 | .hljs-quote {
17 |   color: #93a1a1;
18 | }
19 | 
20 | /* Solarized Green */
21 | .hljs-keyword,
22 | .hljs-selector-tag,
23 | .hljs-addition {
24 |   color: #859900;
25 | }
26 | 
27 | /* Solarized Cyan */
28 | .hljs-number,
29 | .hljs-string,
30 | .hljs-meta .hljs-meta-string,
31 | .hljs-literal,
32 | .hljs-doctag,
33 | .hljs-regexp {
34 |   color: #2aa198;
35 | }
36 | 
37 | /* Solarized Blue */
38 | .hljs-title,
39 | .hljs-section,
40 | .hljs-name,
41 | .hljs-selector-id,
42 | .hljs-selector-class {
43 |   color: #268bd2;
44 | }
45 | 
46 | /* Solarized Yellow */
47 | .hljs-attribute,
48 | .hljs-attr,
49 | .hljs-variable,
50 | .hljs-template-variable,
51 | .hljs-class .hljs-title,
52 | .hljs-type {
53 |   color: #b58900;
54 | }
55 | 
56 | /* Solarized Orange */
57 | .hljs-symbol,
58 | .hljs-bullet,
59 | .hljs-subst,
60 | .hljs-meta,
61 | .hljs-meta .hljs-keyword,
62 | .hljs-selector-attr,
63 | .hljs-selector-pseudo,
64 | .hljs-link {
65 |   color: #cb4b16;
66 | }
67 | 
68 | /* Solarized Red */
69 | .hljs-built_in,
70 | .hljs-deletion {
71 |   color: #dc322f;
72 | }
73 | 
74 | .hljs-formula {
75 |   background: #eee8d5;
76 | }
77 | 
78 | .hljs-emphasis {
79 |   font-style: italic;
80 | }
81 | 
82 | .hljs-strong {
83 |   font-weight: bold;
84 | }
85 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/sunburst.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | 
  3 | Sunburst-like style (c) Vasily Polovnyov 
  4 | 
  5 | */
  6 | 
  7 | .hljs {
  8 |   display: block;
  9 |   overflow-x: auto;
 10 |   padding: 0.5em;
 11 |   background: #000;
 12 |   color: #f8f8f8;
 13 | }
 14 | 
 15 | .hljs-comment,
 16 | .hljs-quote {
 17 |   color: #aeaeae;
 18 |   font-style: italic;
 19 | }
 20 | 
 21 | .hljs-keyword,
 22 | .hljs-selector-tag,
 23 | .hljs-type {
 24 |   color: #e28964;
 25 | }
 26 | 
 27 | .hljs-string {
 28 |   color: #65b042;
 29 | }
 30 | 
 31 | .hljs-subst {
 32 |   color: #daefa3;
 33 | }
 34 | 
 35 | .hljs-regexp,
 36 | .hljs-link {
 37 |   color: #e9c062;
 38 | }
 39 | 
 40 | .hljs-title,
 41 | .hljs-section,
 42 | .hljs-tag,
 43 | .hljs-name {
 44 |   color: #89bdff;
 45 | }
 46 | 
 47 | .hljs-class .hljs-title,
 48 | .hljs-doctag {
 49 |   text-decoration: underline;
 50 | }
 51 | 
 52 | .hljs-symbol,
 53 | .hljs-bullet,
 54 | .hljs-number {
 55 |   color: #3387cc;
 56 | }
 57 | 
 58 | .hljs-params,
 59 | .hljs-variable,
 60 | .hljs-template-variable {
 61 |   color: #3e87e3;
 62 | }
 63 | 
 64 | .hljs-attribute {
 65 |   color: #cda869;
 66 | }
 67 | 
 68 | .hljs-meta {
 69 |   color: #8996a8;
 70 | }
 71 | 
 72 | .hljs-formula {
 73 |   background-color: #0e2231;
 74 |   color: #f8f8f8;
 75 |   font-style: italic;
 76 | }
 77 | 
 78 | .hljs-addition {
 79 |   background-color: #253b22;
 80 |   color: #f8f8f8;
 81 | }
 82 | 
 83 | .hljs-deletion {
 84 |   background-color: #420e09;
 85 |   color: #f8f8f8;
 86 | }
 87 | 
 88 | .hljs-selector-class {
 89 |   color: #9b703f;
 90 | }
 91 | 
 92 | .hljs-selector-id {
 93 |   color: #8b98ab;
 94 | }
 95 | 
 96 | .hljs-emphasis {
 97 |   font-style: italic;
 98 | }
 99 | 
100 | .hljs-strong {
101 |   font-weight: bold;
102 | }
103 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/tomorrow-night-blue.css:
--------------------------------------------------------------------------------
 1 | /* Tomorrow Night Blue Theme */
 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 5 | 
 6 | /* Tomorrow Comment */
 7 | .hljs-comment,
 8 | .hljs-quote {
 9 |   color: #7285b7;
10 | }
11 | 
12 | /* Tomorrow Red */
13 | .hljs-variable,
14 | .hljs-template-variable,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-selector-id,
18 | .hljs-selector-class,
19 | .hljs-regexp,
20 | .hljs-deletion {
21 |   color: #ff9da4;
22 | }
23 | 
24 | /* Tomorrow Orange */
25 | .hljs-number,
26 | .hljs-built_in,
27 | .hljs-builtin-name,
28 | .hljs-literal,
29 | .hljs-type,
30 | .hljs-params,
31 | .hljs-meta,
32 | .hljs-link {
33 |   color: #ffc58f;
34 | }
35 | 
36 | /* Tomorrow Yellow */
37 | .hljs-attribute {
38 |   color: #ffeead;
39 | }
40 | 
41 | /* Tomorrow Green */
42 | .hljs-string,
43 | .hljs-symbol,
44 | .hljs-bullet,
45 | .hljs-addition {
46 |   color: #d1f1a9;
47 | }
48 | 
49 | /* Tomorrow Blue */
50 | .hljs-title,
51 | .hljs-section {
52 |   color: #bbdaff;
53 | }
54 | 
55 | /* Tomorrow Purple */
56 | .hljs-keyword,
57 | .hljs-selector-tag {
58 |   color: #ebbbff;
59 | }
60 | 
61 | .hljs {
62 |   display: block;
63 |   overflow-x: auto;
64 |   background: #002451;
65 |   color: white;
66 |   padding: 0.5em;
67 | }
68 | 
69 | .hljs-emphasis {
70 |   font-style: italic;
71 | }
72 | 
73 | .hljs-strong {
74 |   font-weight: bold;
75 | }
76 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/tomorrow-night-bright.css:
--------------------------------------------------------------------------------
 1 | /* Tomorrow Night Bright Theme */
 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 4 | 
 5 | /* Tomorrow Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #969896;
 9 | }
10 | 
11 | /* Tomorrow Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-tag,
15 | .hljs-name,
16 | .hljs-selector-id,
17 | .hljs-selector-class,
18 | .hljs-regexp,
19 | .hljs-deletion {
20 |   color: #d54e53;
21 | }
22 | 
23 | /* Tomorrow Orange */
24 | .hljs-number,
25 | .hljs-built_in,
26 | .hljs-builtin-name,
27 | .hljs-literal,
28 | .hljs-type,
29 | .hljs-params,
30 | .hljs-meta,
31 | .hljs-link {
32 |   color: #e78c45;
33 | }
34 | 
35 | /* Tomorrow Yellow */
36 | .hljs-attribute {
37 |   color: #e7c547;
38 | }
39 | 
40 | /* Tomorrow Green */
41 | .hljs-string,
42 | .hljs-symbol,
43 | .hljs-bullet,
44 | .hljs-addition {
45 |   color: #b9ca4a;
46 | }
47 | 
48 | /* Tomorrow Blue */
49 | .hljs-title,
50 | .hljs-section {
51 |   color: #7aa6da;
52 | }
53 | 
54 | /* Tomorrow Purple */
55 | .hljs-keyword,
56 | .hljs-selector-tag {
57 |   color: #c397d8;
58 | }
59 | 
60 | .hljs {
61 |   display: block;
62 |   overflow-x: auto;
63 |   background: black;
64 |   color: #eaeaea;
65 |   padding: 0.5em;
66 | }
67 | 
68 | .hljs-emphasis {
69 |   font-style: italic;
70 | }
71 | 
72 | .hljs-strong {
73 |   font-weight: bold;
74 | }
75 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/tomorrow-night-eighties.css:
--------------------------------------------------------------------------------
 1 | /* Tomorrow Night Eighties Theme */
 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 4 | 
 5 | /* Tomorrow Comment */
 6 | .hljs-comment,
 7 | .hljs-quote {
 8 |   color: #999999;
 9 | }
10 | 
11 | /* Tomorrow Red */
12 | .hljs-variable,
13 | .hljs-template-variable,
14 | .hljs-tag,
15 | .hljs-name,
16 | .hljs-selector-id,
17 | .hljs-selector-class,
18 | .hljs-regexp,
19 | .hljs-deletion {
20 |   color: #f2777a;
21 | }
22 | 
23 | /* Tomorrow Orange */
24 | .hljs-number,
25 | .hljs-built_in,
26 | .hljs-builtin-name,
27 | .hljs-literal,
28 | .hljs-type,
29 | .hljs-params,
30 | .hljs-meta,
31 | .hljs-link {
32 |   color: #f99157;
33 | }
34 | 
35 | /* Tomorrow Yellow */
36 | .hljs-attribute {
37 |   color: #ffcc66;
38 | }
39 | 
40 | /* Tomorrow Green */
41 | .hljs-string,
42 | .hljs-symbol,
43 | .hljs-bullet,
44 | .hljs-addition {
45 |   color: #99cc99;
46 | }
47 | 
48 | /* Tomorrow Blue */
49 | .hljs-title,
50 | .hljs-section {
51 |   color: #6699cc;
52 | }
53 | 
54 | /* Tomorrow Purple */
55 | .hljs-keyword,
56 | .hljs-selector-tag {
57 |   color: #cc99cc;
58 | }
59 | 
60 | .hljs {
61 |   display: block;
62 |   overflow-x: auto;
63 |   background: #2d2d2d;
64 |   color: #cccccc;
65 |   padding: 0.5em;
66 | }
67 | 
68 | .hljs-emphasis {
69 |   font-style: italic;
70 | }
71 | 
72 | .hljs-strong {
73 |   font-weight: bold;
74 | }
75 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/tomorrow-night.css:
--------------------------------------------------------------------------------
 1 | /* Tomorrow Night Theme */
 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */
 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 5 | 
 6 | /* Tomorrow Comment */
 7 | .hljs-comment,
 8 | .hljs-quote {
 9 |   color: #969896;
10 | }
11 | 
12 | /* Tomorrow Red */
13 | .hljs-variable,
14 | .hljs-template-variable,
15 | .hljs-tag,
16 | .hljs-name,
17 | .hljs-selector-id,
18 | .hljs-selector-class,
19 | .hljs-regexp,
20 | .hljs-deletion {
21 |   color: #cc6666;
22 | }
23 | 
24 | /* Tomorrow Orange */
25 | .hljs-number,
26 | .hljs-built_in,
27 | .hljs-builtin-name,
28 | .hljs-literal,
29 | .hljs-type,
30 | .hljs-params,
31 | .hljs-meta,
32 | .hljs-link {
33 |   color: #de935f;
34 | }
35 | 
36 | /* Tomorrow Yellow */
37 | .hljs-attribute {
38 |   color: #f0c674;
39 | }
40 | 
41 | /* Tomorrow Green */
42 | .hljs-string,
43 | .hljs-symbol,
44 | .hljs-bullet,
45 | .hljs-addition {
46 |   color: #b5bd68;
47 | }
48 | 
49 | /* Tomorrow Blue */
50 | .hljs-title,
51 | .hljs-section {
52 |   color: #81a2be;
53 | }
54 | 
55 | /* Tomorrow Purple */
56 | .hljs-keyword,
57 | .hljs-selector-tag {
58 |   color: #b294bb;
59 | }
60 | 
61 | .hljs {
62 |   display: block;
63 |   overflow-x: auto;
64 |   background: #1d1f21;
65 |   color: #c5c8c6;
66 |   padding: 0.5em;
67 | }
68 | 
69 | .hljs-emphasis {
70 |   font-style: italic;
71 | }
72 | 
73 | .hljs-strong {
74 |   font-weight: bold;
75 | }
76 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/tomorrow.css:
--------------------------------------------------------------------------------
 1 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
 2 | 
 3 | /* Tomorrow Comment */
 4 | .hljs-comment,
 5 | .hljs-quote {
 6 |   color: #8e908c;
 7 | }
 8 | 
 9 | /* Tomorrow Red */
10 | .hljs-variable,
11 | .hljs-template-variable,
12 | .hljs-tag,
13 | .hljs-name,
14 | .hljs-selector-id,
15 | .hljs-selector-class,
16 | .hljs-regexp,
17 | .hljs-deletion {
18 |   color: #c82829;
19 | }
20 | 
21 | /* Tomorrow Orange */
22 | .hljs-number,
23 | .hljs-built_in,
24 | .hljs-builtin-name,
25 | .hljs-literal,
26 | .hljs-type,
27 | .hljs-params,
28 | .hljs-meta,
29 | .hljs-link {
30 |   color: #f5871f;
31 | }
32 | 
33 | /* Tomorrow Yellow */
34 | .hljs-attribute {
35 |   color: #eab700;
36 | }
37 | 
38 | /* Tomorrow Green */
39 | .hljs-string,
40 | .hljs-symbol,
41 | .hljs-bullet,
42 | .hljs-addition {
43 |   color: #718c00;
44 | }
45 | 
46 | /* Tomorrow Blue */
47 | .hljs-title,
48 | .hljs-section {
49 |   color: #4271ae;
50 | }
51 | 
52 | /* Tomorrow Purple */
53 | .hljs-keyword,
54 | .hljs-selector-tag {
55 |   color: #8959a8;
56 | }
57 | 
58 | .hljs {
59 |   display: block;
60 |   overflow-x: auto;
61 |   background: white;
62 |   color: #4d4d4c;
63 |   padding: 0.5em;
64 | }
65 | 
66 | .hljs-emphasis {
67 |   font-style: italic;
68 | }
69 | 
70 | .hljs-strong {
71 |   font-weight: bold;
72 | }
73 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/vs.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Visual Studio-like style based on original C# coloring by Jason Diamond 
 4 | 
 5 | */
 6 | .hljs {
 7 |   display: block;
 8 |   overflow-x: auto;
 9 |   padding: 0.5em;
10 |   background: white;
11 |   color: black;
12 | }
13 | 
14 | .hljs-comment,
15 | .hljs-quote,
16 | .hljs-variable {
17 |   color: #008000;
18 | }
19 | 
20 | .hljs-keyword,
21 | .hljs-selector-tag,
22 | .hljs-built_in,
23 | .hljs-name,
24 | .hljs-tag {
25 |   color: #00f;
26 | }
27 | 
28 | .hljs-string,
29 | .hljs-title,
30 | .hljs-section,
31 | .hljs-attribute,
32 | .hljs-literal,
33 | .hljs-template-tag,
34 | .hljs-template-variable,
35 | .hljs-type,
36 | .hljs-addition {
37 |   color: #a31515;
38 | }
39 | 
40 | .hljs-deletion,
41 | .hljs-selector-attr,
42 | .hljs-selector-pseudo,
43 | .hljs-meta {
44 |   color: #2b91af;
45 | }
46 | 
47 | .hljs-doctag {
48 |   color: #808080;
49 | }
50 | 
51 | .hljs-attr {
52 |   color: #f00;
53 | }
54 | 
55 | .hljs-symbol,
56 | .hljs-bullet,
57 | .hljs-link {
58 |   color: #00b0e8;
59 | }
60 | 
61 | 
62 | .hljs-emphasis {
63 |   font-style: italic;
64 | }
65 | 
66 | .hljs-strong {
67 |   font-weight: bold;
68 | }
69 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/vs2015.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Visual Studio 2015 dark style
  3 |  * Author: Nicolas LLOBERA 
  4 |  */
  5 | 
  6 | .hljs {
  7 |   display: block;
  8 |   overflow-x: auto;
  9 |   padding: 0.5em;
 10 |   background: #1E1E1E;
 11 |   color: #DCDCDC;
 12 | }
 13 | 
 14 | .hljs-keyword,
 15 | .hljs-literal,
 16 | .hljs-symbol,
 17 | .hljs-name {
 18 |   color: #569CD6;
 19 | }
 20 | .hljs-link {
 21 |   color: #569CD6;
 22 |   text-decoration: underline;
 23 | }
 24 | 
 25 | .hljs-built_in,
 26 | .hljs-type {
 27 |   color: #4EC9B0;
 28 | }
 29 | 
 30 | .hljs-number,
 31 | .hljs-class {
 32 |   color: #B8D7A3;
 33 | }
 34 | 
 35 | .hljs-string,
 36 | .hljs-meta-string {
 37 |   color: #D69D85;
 38 | }
 39 | 
 40 | .hljs-regexp,
 41 | .hljs-template-tag {
 42 |   color: #9A5334;
 43 | }
 44 | 
 45 | .hljs-subst,
 46 | .hljs-function,
 47 | .hljs-title,
 48 | .hljs-params,
 49 | .hljs-formula {
 50 |   color: #DCDCDC;
 51 | }
 52 | 
 53 | .hljs-comment,
 54 | .hljs-quote {
 55 |   color: #57A64A;
 56 |   font-style: italic;
 57 | }
 58 | 
 59 | .hljs-doctag {
 60 |   color: #608B4E;
 61 | }
 62 | 
 63 | .hljs-meta,
 64 | .hljs-meta-keyword,
 65 | .hljs-tag {
 66 |   color: #9B9B9B;
 67 | }
 68 | 
 69 | .hljs-variable,
 70 | .hljs-template-variable {
 71 |   color: #BD63C5;
 72 | }
 73 | 
 74 | .hljs-attr,
 75 | .hljs-attribute,
 76 | .hljs-builtin-name {
 77 |   color: #9CDCFE;
 78 | }
 79 | 
 80 | .hljs-section {
 81 |   color: gold;
 82 | }
 83 | 
 84 | .hljs-emphasis {
 85 |   font-style: italic;
 86 | }
 87 | 
 88 | .hljs-strong {
 89 |   font-weight: bold;
 90 | }
 91 | 
 92 | /*.hljs-code {
 93 |   font-family:'Monospace';
 94 | }*/
 95 | 
 96 | .hljs-bullet,
 97 | .hljs-selector-tag,
 98 | .hljs-selector-id,
 99 | .hljs-selector-class,
100 | .hljs-selector-attr,
101 | .hljs-selector-pseudo {
102 |   color: #D7BA7D;
103 | }
104 | 
105 | .hljs-addition {
106 |   background-color: #144212;
107 |   display: inline-block;
108 |   width: 100%;
109 | }
110 | 
111 | .hljs-deletion {
112 |   background-color: #600;
113 |   display: inline-block;
114 |   width: 100%;
115 | }
116 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/xcode.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | XCode style (c) Angel Garcia 
 4 | 
 5 | */
 6 | 
 7 | .hljs {
 8 |   display: block;
 9 |   overflow-x: auto;
10 |   padding: 0.5em;
11 |   background: #fff;
12 |   color: black;
13 | }
14 | 
15 | .hljs-comment,
16 | .hljs-quote {
17 |   color: #006a00;
18 | }
19 | 
20 | .hljs-keyword,
21 | .hljs-selector-tag,
22 | .hljs-literal {
23 |   color: #aa0d91;
24 | }
25 | 
26 | .hljs-name {
27 |   color: #008;
28 | }
29 | 
30 | .hljs-variable,
31 | .hljs-template-variable {
32 |   color: #660;
33 | }
34 | 
35 | .hljs-string {
36 |   color: #c41a16;
37 | }
38 | 
39 | .hljs-regexp,
40 | .hljs-link {
41 |   color: #080;
42 | }
43 | 
44 | .hljs-title,
45 | .hljs-tag,
46 | .hljs-symbol,
47 | .hljs-bullet,
48 | .hljs-number,
49 | .hljs-meta {
50 |   color: #1c00cf;
51 | }
52 | 
53 | .hljs-section,
54 | .hljs-class .hljs-title,
55 | .hljs-type,
56 | .hljs-attr,
57 | .hljs-built_in,
58 | .hljs-builtin-name,
59 | .hljs-params {
60 |   color: #5c2699;
61 | }
62 | 
63 | .hljs-attribute,
64 | .hljs-subst {
65 |   color: #000;
66 | }
67 | 
68 | .hljs-formula {
69 |   background-color: #eee;
70 |   font-style: italic;
71 | }
72 | 
73 | .hljs-addition {
74 |   background-color: #baeeba;
75 | }
76 | 
77 | .hljs-deletion {
78 |   background-color: #ffc8bd;
79 | }
80 | 
81 | .hljs-selector-id,
82 | .hljs-selector-class {
83 |   color: #9b703f;
84 | }
85 | 
86 | .hljs-doctag,
87 | .hljs-strong {
88 |   font-weight: bold;
89 | }
90 | 
91 | .hljs-emphasis {
92 |   font-style: italic;
93 | }
94 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/xt256.css:
--------------------------------------------------------------------------------
 1 | 
 2 | /*
 3 |   xt256.css
 4 | 
 5 |   Contact: initbar [at] protonmail [dot] ch
 6 |          : github.com/initbar
 7 | */
 8 | 
 9 | .hljs {
10 |   display: block;
11 |   overflow-x: auto;
12 |   color: #eaeaea;
13 |   background: #000;
14 |   padding: 0.5;
15 | }
16 | 
17 | .hljs-subst {
18 |   color: #eaeaea;
19 | }
20 | 
21 | .hljs-emphasis {
22 |   font-style: italic;
23 | }
24 | 
25 | .hljs-strong {
26 |   font-weight: bold;
27 | }
28 | 
29 | .hljs-builtin-name,
30 | .hljs-type {
31 |   color: #eaeaea;
32 | }
33 | 
34 | .hljs-params {
35 |   color: #da0000;
36 | }
37 | 
38 | .hljs-literal,
39 | .hljs-number,
40 | .hljs-name {
41 |   color: #ff0000;
42 |   font-weight: bolder;
43 | }
44 | 
45 | .hljs-comment {
46 |   color: #969896;
47 | }
48 | 
49 | .hljs-selector-id,
50 | .hljs-quote {
51 |   color: #00ffff;
52 | }
53 | 
54 | .hljs-template-variable,
55 | .hljs-variable,
56 | .hljs-title {
57 |   color: #00ffff;
58 |   font-weight: bold;
59 | }
60 | 
61 | .hljs-selector-class,
62 | .hljs-keyword,
63 | .hljs-symbol {
64 |   color: #fff000;
65 | }
66 | 
67 | .hljs-string,
68 | .hljs-bullet {
69 |   color: #00ff00;
70 | }
71 | 
72 | .hljs-tag,
73 | .hljs-section {
74 |   color: #000fff;
75 | }
76 | 
77 | .hljs-selector-tag {
78 |   color: #000fff;
79 |   font-weight: bold;
80 | }
81 | 
82 | .hljs-attribute,
83 | .hljs-built_in,
84 | .hljs-regexp,
85 | .hljs-link {
86 |   color: #ff00ff;
87 | }
88 | 
89 | .hljs-meta {
90 |   color: #fff;
91 |   font-weight: bolder;
92 | }
93 | 


--------------------------------------------------------------------------------
/js/highlightjs/styles/zenburn.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | 
 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 
 4 | based on dark.css by Ivan Sagalaev
 5 | 
 6 | */
 7 | 
 8 | .hljs {
 9 |   display: block;
10 |   overflow-x: auto;
11 |   padding: 0.5em;
12 |   background: #3f3f3f;
13 |   color: #dcdcdc;
14 | }
15 | 
16 | .hljs-keyword,
17 | .hljs-selector-tag,
18 | .hljs-tag {
19 |   color: #e3ceab;
20 | }
21 | 
22 | .hljs-template-tag {
23 |   color: #dcdcdc;
24 | }
25 | 
26 | .hljs-number {
27 |   color: #8cd0d3;
28 | }
29 | 
30 | .hljs-variable,
31 | .hljs-template-variable,
32 | .hljs-attribute {
33 |   color: #efdcbc;
34 | }
35 | 
36 | .hljs-literal {
37 |   color: #efefaf;
38 | }
39 | 
40 | .hljs-subst {
41 |   color: #8f8f8f;
42 | }
43 | 
44 | .hljs-title,
45 | .hljs-name,
46 | .hljs-selector-id,
47 | .hljs-selector-class,
48 | .hljs-section,
49 | .hljs-type {
50 |   color: #efef8f;
51 | }
52 | 
53 | .hljs-symbol,
54 | .hljs-bullet,
55 | .hljs-link {
56 |   color: #dca3a3;
57 | }
58 | 
59 | .hljs-deletion,
60 | .hljs-string,
61 | .hljs-built_in,
62 | .hljs-builtin-name {
63 |   color: #cc9393;
64 | }
65 | 
66 | .hljs-addition,
67 | .hljs-comment,
68 | .hljs-quote,
69 | .hljs-meta {
70 |   color: #7f9f7f;
71 | }
72 | 
73 | 
74 | .hljs-emphasis {
75 |   font-style: italic;
76 | }
77 | 
78 | .hljs-strong {
79 |   font-weight: bold;
80 | }
81 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "the-grid-flexbox",
 3 |   "version": "2.0.1",
 4 |    "publishConfig": {
 5 |     "registry":"https://npm.pkg.github.com/"
 6 |   },
 7 |   "description": "Atomic grid based in flexbox. Mobile first. Botstrap 4 compatible.",
 8 |   "keywords": [
 9 |     "css",
10 |     "flexbox",
11 |     "sass",
12 |     "mobile-first",
13 |     "responsive",
14 |     "front-end",
15 |     "framework",
16 |     "web"
17 |   ],
18 |   "scripts": {
19 |     "dev": "gulp"
20 |   },
21 |   "repository": {
22 |     "type": "git",
23 |     "url": "git+https://github.com/gustavoquinalha/the-grid.git"
24 |   },
25 |   "author": "gustavoquinalha",
26 |   "license": "MIT",
27 |   "bugs": {
28 |     "url": "https://github.com/gustavoquinalha/the-grid/issues"
29 |   },
30 |   "homepage": "https://github.com/gustavoquinalha/the-grid#readme",
31 |   "dependencies": {
32 |     "gulp": "^3.9.1",
33 |     "gulp-sass": "^2.3.2"
34 |   },
35 |   "devDependencies": {
36 |     "breakpoint-sass": "^2.7.0",
37 |     "browser-sync": "^2.18.2",
38 |     "gulp": "^3.9.1",
39 |     "gulp-autoprefixer": "^3.1.1",
40 |     "gulp-clean-css": "^3.9.2",
41 |     "gulp-rename": "^1.2.2",
42 |     "gulp-sass": "^2.3.2",
43 |     "gulp-sourcemaps": "^2.2.0"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/src/sass/_variables.scss:
--------------------------------------------------------------------------------
 1 | // sizes
 2 | $xs: 576px;
 3 | $sm: 576px;
 4 | $md: 768px;
 5 | $lg: 992px;
 6 | $xl: 1200px;
 7 | 
 8 | $sizes: 'max-width: 576px',
 9 |         'min-width: 576px',
10 |         'min-width: 768px',
11 |         'min-width: 992px',
12 |         'min-width: 1200px';
13 | 
14 | $cols: '',
15 |        '-sm',
16 |        '-md',
17 |        '-lg',
18 |        '-xl';
19 | 
20 | $directions: "row" "row-reverse" "column" "column-reverse";
21 | 
22 | $sizesDirections: "max-width: 576px" "",
23 |                   "min-width: 576px" "-sm",
24 |                   "min-width: 768px" "-md",
25 |                   "min-width: 992px" "-lg",
26 |                   "min-width: 1200px" "-xl";
27 | 


--------------------------------------------------------------------------------
/src/sass/align-items/_align-items.scss:
--------------------------------------------------------------------------------
  1 | @each $media, $size in $sizesDirections {
  2 |   @if $size == '' {
  3 |     .align-items-start#{$size} {
  4 |       align-items: flex-start
  5 |     }
  6 | 
  7 |     .align-items-center#{$size} {
  8 |       align-items: center
  9 |     }
 10 | 
 11 |     .align-items-end#{$size} {
 12 |       align-items: flex-end
 13 |     }
 14 | 
 15 |     .align-items-baseline#{$size} {
 16 |       align-items: baseline
 17 |     }
 18 | 
 19 |     .align-items-stretch#{$size} {
 20 |       align-items: stretch
 21 |     }
 22 | 
 23 |     .align-center#{$size} {
 24 |       justify-content: center;
 25 |       align-items: center;
 26 |     }
 27 | 
 28 |     .align-self-auto#{$size} {
 29 |       align-self: auto
 30 |     }
 31 | 
 32 |     .align-self-start#{$size} {
 33 |       align-self: flex-start
 34 |     }
 35 | 
 36 |     .align-self-center#{$size} {
 37 |       align-self: center
 38 |     }
 39 | 
 40 |     .align-self-end#{$size} {
 41 |       align-self: flex-end
 42 |     }
 43 | 
 44 |     .align-self-baseline#{$size} {
 45 |       align-self: baseline
 46 |     }
 47 | 
 48 |     .align-self-stretch#{$size} {
 49 |       align-self: stretch
 50 |     }
 51 |   }
 52 |   @else {
 53 |     @media ($media) {
 54 |       .align-items-start#{$size} {
 55 |         align-items: flex-start
 56 |       }
 57 | 
 58 |       .align-items-center#{$size} {
 59 |         align-items: center
 60 |       }
 61 | 
 62 |       .align-items-end#{$size} {
 63 |         align-items: flex-end
 64 |       }
 65 | 
 66 |       .align-items-baseline#{$size} {
 67 |         align-items: baseline
 68 |       }
 69 | 
 70 |       .align-items-stretch#{$size} {
 71 |         align-items: stretch
 72 |       }
 73 | 
 74 |       .align-center#{$size} {
 75 |         justify-content: center;
 76 |         align-items: center;
 77 |       }
 78 | 
 79 |       .align-self-auto#{$size} {
 80 |         align-self: auto
 81 |       }
 82 | 
 83 |       .align-self-start#{$size} {
 84 |         align-self: flex-start
 85 |       }
 86 | 
 87 |       .align-self-center#{$size} {
 88 |         align-self: center
 89 |       }
 90 | 
 91 |       .align-self-end#{$size} {
 92 |         align-self: flex-end
 93 |       }
 94 | 
 95 |       .align-self-baseline#{$size} {
 96 |         align-self: baseline
 97 |       }
 98 | 
 99 |       .align-self-stretch#{$size} {
100 |         align-self: stretch
101 |       }
102 |     }
103 |   }
104 | }
105 | 


--------------------------------------------------------------------------------
/src/sass/base/_base.scss:
--------------------------------------------------------------------------------
1 | .container {
2 |   display: flex
3 | }
4 | 
5 | .container-inline {
6 |   display: inline-flex
7 | }
8 | 


--------------------------------------------------------------------------------
/src/sass/base/_reset.scss:
--------------------------------------------------------------------------------
 1 | * {
 2 |   box-sizing: border-box;
 3 |   text-rendering: optimizeLegibility;
 4 |   -webkit-font-smoothing: antialiased;
 5 |   -moz-osx-font-smoothing: grayscale;
 6 |   font-kerning: auto;
 7 | }
 8 | 
 9 | html {
10 |   font-family: sans-serif;
11 |   -webkit-text-size-adjust: 100%;
12 | }
13 | 
14 | body {
15 |   margin: 0;
16 | }
17 | 


--------------------------------------------------------------------------------
/src/sass/col/_col.scss:
--------------------------------------------------------------------------------
 1 | .row {
 2 |   display: flex;
 3 |   flex-wrap: wrap;
 4 | }
 5 | 
 6 | @each $media, $size in $sizesDirections {
 7 |   @if $size == '' {
 8 |     @for $i from 1 through 12 {
 9 |       .col#{$size}-#{$i} {
10 |         flex-grow: 0;
11 |         flex-basis: ($i * 100%) / 12;
12 |         max-width: ($i * 100%) / 12;
13 |       }
14 |     }
15 |   }
16 |   @else {
17 |     @media ($media) {
18 |       @for $i from 1 through 12 {
19 |         .col#{$size}-#{$i} {
20 |           flex-grow: 0;
21 |           flex-basis: ($i * 100%) / 12;
22 |           max-width: ($i * 100%) / 12;
23 |         }
24 |       }
25 |     }
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/src/sass/directions/_directions.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | @each $media, $size in $sizesDirections {
 3 |   @if $size == '' {
 4 |     .row {
 5 |       flex-direction: row;
 6 |     }
 7 |     .row-reverse {
 8 |       flex-direction: row-reverse;
 9 |     }
10 |     .column {
11 |       flex-direction: column;
12 |     }
13 |     .column-reverse {
14 |       flex-direction: column-reverse;
15 |     }
16 |   }
17 |   @else {
18 |     @media ( #{$media} ) {
19 |       .row#{$size} {
20 |         flex-direction: row;
21 |       }
22 |       .row-reverse#{$size} {
23 |         flex-direction: row-reverse;
24 |       }
25 |       .column#{$size} {
26 |         flex-direction: column;
27 |       }
28 |       .column-reverse#{$size} {
29 |         flex-direction: column-reverse;
30 |       }
31 |     }
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/src/sass/flex-basis/_flex-basis.scss:
--------------------------------------------------------------------------------
  1 | .flex-basis-10 {
  2 |   flex-basis: 10px
  3 | }
  4 | 
  5 | .flex-basis-15 {
  6 |   flex-basis: 15px
  7 | }
  8 | 
  9 | .flex-basis-20 {
 10 |   flex-basis: 20px
 11 | }
 12 | 
 13 | .flex-basis-25 {
 14 |   flex-basis: 25px
 15 | }
 16 | 
 17 | .flex-basis-30 {
 18 |   flex-basis: 30px
 19 | }
 20 | 
 21 | .flex-basis-35 {
 22 |   flex-basis: 35px
 23 | }
 24 | 
 25 | .flex-basis-40 {
 26 |   flex-basis: 40px
 27 | }
 28 | 
 29 | .flex-basis-45 {
 30 |   flex-basis: 45px
 31 | }
 32 | 
 33 | .flex-basis-50 {
 34 |   flex-basis: 50px
 35 | }
 36 | 
 37 | .flex-basis-55 {
 38 |   flex-basis: 55px
 39 | }
 40 | 
 41 | .flex-basis-60 {
 42 |   flex-basis: 60px
 43 | }
 44 | 
 45 | .flex-basis-65 {
 46 |   flex-basis: 65px
 47 | }
 48 | 
 49 | .flex-basis-70 {
 50 |   flex-basis: 70px
 51 | }
 52 | 
 53 | .flex-basis-75 {
 54 |   flex-basis: 75px
 55 | }
 56 | 
 57 | .flex-basis-80 {
 58 |   flex-basis: 70px
 59 | }
 60 | 
 61 | .flex-basis-85 {
 62 |   flex-basis: 75px
 63 | }
 64 | 
 65 | .flex-basis-90 {
 66 |   flex-basis: 70px
 67 | }
 68 | 
 69 | .flex-basis-95 {
 70 |   flex-basis: 75px
 71 | }
 72 | 
 73 | .flex-basis-100 {
 74 |   flex-basis: 100px
 75 | }
 76 | 
 77 | .flex-basis-150 {
 78 |   flex-basis: 150px
 79 | }
 80 | 
 81 | .flex-basis-200 {
 82 |   flex-basis: 200px
 83 | }
 84 | 
 85 | .flex-basis-250 {
 86 |   flex-basis: 250px
 87 | }
 88 | 
 89 | .flex-basis-300 {
 90 |   flex-basis: 300px
 91 | }
 92 | 
 93 | .flex-basis-350 {
 94 |   flex-basis: 350px
 95 | }
 96 | 
 97 | .flex-basis-400 {
 98 |   flex-basis: 400px
 99 | }
100 | 
101 | .flex-basis-450 {
102 |   flex-basis: 450px
103 | }
104 | 
105 | .flex-basis-500 {
106 |   flex-basis: 500px
107 | }
108 | 
109 | .flex-basis-550 {
110 |   flex-basis: 550px
111 | }
112 | 
113 | .flex-basis-600 {
114 |   flex-basis: 600px
115 | }
116 | 
117 | .flex-basis-650 {
118 |   flex-basis: 650px
119 | }
120 | 
121 | .flex-basis-700 {
122 |   flex-basis: 700px
123 | }
124 | 
125 | .flex-basis-750 {
126 |   flex-basis: 750px
127 | }
128 | 
129 | .flex-basis-800 {
130 |   flex-basis: 800px
131 | }
132 | 
133 | .flex-basis-850 {
134 |   flex-basis: 850px
135 | }
136 | 
137 | .flex-basis-900 {
138 |   flex-basis: 900px
139 | }
140 | 
141 | .flex-basis-950 {
142 |   flex-basis: 950px
143 | }
144 | 
145 | .flex-basis-1000 {
146 |   flex-basis: 1000px
147 | }
148 | 
149 | .flex-basis-1050 {
150 |   flex-basis: 1050px
151 | }
152 | 
153 | .flex-basis-1100 {
154 |   flex-basis: 1100px
155 | }
156 | 
157 | .flex-basis-1150 {
158 |   flex-basis: 1150px
159 | }
160 | 
161 | .flex-basis-1200 {
162 |   flex-basis: 1200px
163 | }
164 | 


--------------------------------------------------------------------------------
/src/sass/flex-grow/_flex-grow.scss:
--------------------------------------------------------------------------------
1 | @for $i from 0 through 12 {
2 |   .flex-grow-#{$i} {
3 |     flex-grow: $i
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/src/sass/justify-content/_justify-content.scss:
--------------------------------------------------------------------------------
 1 | @each $media, $size in $sizesDirections {
 2 |     @if $size == '' {
 3 |       .justify-content-start {
 4 |         justify-content: flex-start
 5 |       }
 6 | 
 7 |       .justify-content-center {
 8 |         justify-content: center
 9 |       }
10 | 
11 |       .justify-content-end {
12 |         justify-content: flex-end
13 |       }
14 | 
15 |       .justify-content-between {
16 |         justify-content: space-between
17 |       }
18 | 
19 |       .justify-content-around {
20 |         justify-content: space-around
21 |       }
22 |   }
23 |   @else {
24 |     @media ($media) {
25 |       .justify-content-start#{$size} {
26 |         justify-content: flex-start
27 |       }
28 | 
29 |       .justify-content-center#{$size} {
30 |         justify-content: center
31 |       }
32 | 
33 |       .justify-content-end#{$size} {
34 |         justify-content: flex-end
35 |       }
36 | 
37 |       .justify-content-between#{$size} {
38 |         justify-content: space-between
39 |       }
40 | 
41 |       .justify-content-around#{$size} {
42 |         justify-content: space-around
43 |       }
44 |     }
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/src/sass/main.scss:
--------------------------------------------------------------------------------
 1 | // vars
 2 | @import "./variables.scss";
 3 | 
 4 | // reset
 5 | @import "./base/reset.scss";
 6 | 
 7 | // base contents
 8 | @import "./base/_base.scss";
 9 | @import "./wrap/wrap.scss";
10 | @import "./directions/directions.scss";
11 | 
12 | // sizes and @media queries
13 | @import "./sizes/sizes.scss";
14 | 
15 | // rows, cols
16 | @import "./col/col.scss";
17 | 
18 | // alignments
19 | @import "./align-items/align-items.scss";
20 | @import "./justify-content/justify-content.scss";
21 | 
22 | // flexbox
23 | @import "./flex-basis/flex-basis.scss";
24 | @import "./flex-grow/flex-grow.scss";
25 | 
26 | // orders
27 | @import "./orders/orders.scss";
28 | 
29 | // spaces
30 | @import "./spaces/spaces.scss";
31 | 


--------------------------------------------------------------------------------
/src/sass/orders/_orders.scss:
--------------------------------------------------------------------------------
 1 | @each $media, $size in $sizesDirections {
 2 |   @if $size == '' {
 3 |     @for $i from 1 through 12 {
 4 |       .order#{-$i} {
 5 |         order: #{$i}
 6 |       }
 7 |     }
 8 |   }
 9 |   @else {
10 |     @media ($media) {
11 |       @for $i from 1 through 12 {
12 |         .order#{$size}#{-$i} {
13 |           order: #{$i}
14 |         }
15 |       }
16 |     }
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/src/sass/sizes/_sizes.scss:
--------------------------------------------------------------------------------
 1 | // ------------------------------------------------------
 2 | // | Extra small | Small | Medium | Large | Extra large |
 3 | // |-------------|-------|--------|-------|-------------|
 4 | // |   <576px    |≥576px | ≥768px | ≥992px| ≥1200px     |
 5 | // |----------------------------------------------------|
 6 | // |    col      | col-sm| col-md | col-lg| col-xl      |
 7 | // ------------------------------------------------------
 8 | 
 9 | @each $size in $sizes {
10 |   .teste {
11 |     @media screen and ($size) {
12 |     }
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/src/sass/spaces/_spaces.scss:
--------------------------------------------------------------------------------
  1 | .size {
  2 |   width: 1200px;
  3 | }
  4 | 
  5 | .max-width {
  6 |   max-width: 100%
  7 | }
  8 | 
  9 | .full-width {
 10 |   width: 100%;
 11 |   max-width: 100%;
 12 | }
 13 | 
 14 | .full-height {
 15 |   height: 1005%
 16 | }
 17 | 
 18 | .full-vheight {
 19 |   height: 100vh
 20 | }
 21 | 
 22 | .full-min-vheight {
 23 |   min-height: 100vh
 24 | }
 25 | 
 26 | .space {
 27 |   width: 90%;
 28 |   margin: 0 auto;
 29 | }
 30 | 
 31 | .border-box {
 32 |   box-sizing: border-box;
 33 | }
 34 | 
 35 | .margin {
 36 |   margin: 0 auto;
 37 | }
 38 | 
 39 | .margin-10 {
 40 |   margin: 10px;
 41 | }
 42 | 
 43 | .margin-20 {
 44 |   margin: 20px;
 45 | }
 46 | 
 47 | .margin-30 {
 48 |   margin: 30px;
 49 | }
 50 | 
 51 | .margin-40 {
 52 |   margin: 40px;
 53 | }
 54 | 
 55 | .margin-50 {
 56 |   margin: 50px;
 57 | }
 58 | 
 59 | .padding-10 {
 60 |   padding: 10px;
 61 | }
 62 | 
 63 | .padding-20 {
 64 |   padding: 20px;
 65 | }
 66 | 
 67 | .padding-30 {
 68 |   padding: 30px;
 69 | }
 70 | 
 71 | .padding-40 {
 72 |   padding: 40px;
 73 | }
 74 | 
 75 | .padding-50 {
 76 |   padding: 50px;
 77 | }
 78 | 
 79 | .margin-left-10 {
 80 |   margin-left: 10px;
 81 | }
 82 | 
 83 | .margin-left-20 {
 84 |   margin-left: 20px;
 85 | }
 86 | 
 87 | .margin-left-30 {
 88 |   margin-left: 30px;
 89 | }
 90 | 
 91 | .margin-left-40 {
 92 |   margin-left: 40px;
 93 | }
 94 | 
 95 | .margin-left-50 {
 96 |   margin-left: 50px;
 97 | }
 98 | 
 99 | .margin-right-10 {
100 |   margin-right: 10px;
101 | }
102 | 
103 | .margin-right-20 {
104 |   margin-right: 20px;
105 | }
106 | 
107 | .margin-right-30 {
108 |   margin-right: 30px;
109 | }
110 | 
111 | .margin-right-40 {
112 |   margin-right: 40px;
113 | }
114 | 
115 | .margin-right-50 {
116 |   margin-right: 50px;
117 | }
118 | 
119 | .margin-top-10 {
120 |   margin-top: 10px;
121 | }
122 | 
123 | .margin-top-20 {
124 |   margin-top: 20px;
125 | }
126 | 
127 | .margin-top-30 {
128 |   margin-top: 30px;
129 | }
130 | 
131 | .margin-top-40 {
132 |   margin-top: 40px;
133 | }
134 | 
135 | .margin-top-50 {
136 |   margin-top: 50px;
137 | }
138 | 
139 | .margin-bottom-10 {
140 |   margin-bottom: 10px;
141 | }
142 | 
143 | .margin-bottom-20 {
144 |   margin-bottom: 20px;
145 | }
146 | 
147 | .margin-bottom-30 {
148 |   margin-bottom: 30px;
149 | }
150 | 
151 | .margin-bottom-40 {
152 |   margin-bottom: 40px;
153 | }
154 | 
155 | .margin-bottom-50 {
156 |   margin-bottom: 50px;
157 | }
158 | 
159 | .padding-left-10 {
160 |   padding-left: 10px;
161 | }
162 | 
163 | .padding-left-20 {
164 |   padding-left: 20px;
165 | }
166 | 
167 | .padding-left-30 {
168 |   padding-left: 30px;
169 | }
170 | 
171 | .padding-left-40 {
172 |   padding-left: 40px;
173 | }
174 | 
175 | .padding-left-50 {
176 |   padding-left: 50px;
177 | }
178 | 
179 | .padding-right-10 {
180 |   padding-right: 10px;
181 | }
182 | 
183 | .padding-right-20 {
184 |   padding-right: 20px;
185 | }
186 | 
187 | .padding-right-30 {
188 |   padding-right: 30px;
189 | }
190 | 
191 | .padding-right-40 {
192 |   padding-right: 40px;
193 | }
194 | 
195 | .padding-right-50 {
196 |   padding-right: 50px;
197 | }
198 | 
199 | .padding-top-10 {
200 |   padding-top: 10px;
201 | }
202 | 
203 | .padding-top-20 {
204 |   padding-top: 20px;
205 | }
206 | 
207 | .padding-top-30 {
208 |   padding-top: 30px;
209 | }
210 | 
211 | .padding-top-40 {
212 |   padding-top: 40px;
213 | }
214 | 
215 | .padding-top-50 {
216 |   padding-top: 50px;
217 | }
218 | 
219 | .padding-bottom-10 {
220 |   padding-bottom: 10px;
221 | }
222 | 
223 | .padding-bottom-20 {
224 |   padding-bottom: 20px;
225 | }
226 | 
227 | .padding-bottom-30 {
228 |   padding-bottom: 30px;
229 | }
230 | 
231 | .padding-bottom-40 {
232 |   padding-bottom: 40px;
233 | }
234 | 
235 | .padding-bottom-50 {
236 |   padding-bottom: 50px;
237 | }
238 | 


--------------------------------------------------------------------------------
/src/sass/wrap/_wrap.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | @each $media, $size in $sizesDirections {
 3 |   @if $size == "" {
 4 |     .wrap {
 5 |       flex-wrap: wrap
 6 |     }
 7 | 
 8 |     .no-wrap {
 9 |       flex-wrap: nowrap
10 |     }
11 | 
12 |     .wrap-reverse {
13 |       flex-wrap: wrap-reverse
14 |     }
15 |   }
16 |   @else {
17 |     @media ($media) {
18 |       .wrap#{$size} {
19 |         flex-wrap: wrap
20 |       }
21 | 
22 |       .no-wrap#{$size} {
23 |         flex-wrap: nowrap
24 |       }
25 | 
26 |       .wrap-reverse#{$size} {
27 |         flex-wrap: wrap-reverse
28 |       }
29 |     }
30 |   }
31 | 
32 | }
33 | 


--------------------------------------------------------------------------------