├── .eslintrc ├── .gitignore ├── LICENSE ├── README.md ├── dist ├── bulma-badge.css └── bulma-badge.min.css ├── docs ├── 404.html ├── categories │ └── index.xml ├── changelog │ └── index.html ├── css │ ├── bulma-badge.css │ ├── bulma-badge.min.css │ ├── bulma-tooltip.css │ ├── bulma-tooltip.min.css │ └── docs.css ├── get-started │ └── index.html ├── how-to │ ├── customize │ │ └── index.html │ └── index.xml ├── images │ └── clippy.svg ├── index.html ├── index.xml ├── js │ ├── clipboard.min.js │ ├── docs.js │ └── highlight.pack.js ├── release │ ├── 1 │ │ └── index.html │ └── index.xml ├── sitemap.xml └── tags │ └── index.xml ├── gulpfile.js ├── package.json └── src ├── docs ├── archetypes │ └── default.md ├── config.toml ├── content │ ├── _index.md │ ├── changelog.md │ ├── get-started.md │ ├── how-to │ │ └── customize.md │ └── release │ │ └── 1.md ├── data │ ├── social.json │ └── variables.json ├── layouts │ └── partials │ │ └── head.html ├── static │ └── css │ │ ├── bulma-badge.css │ │ └── bulma-badge.min.css └── themes │ └── creativebulma │ ├── LICENSE │ ├── archetypes │ ├── changelog.md │ └── default.md │ ├── layouts │ ├── 404.html │ ├── _default │ │ ├── baseof.html │ │ ├── list.html │ │ └── single.html │ ├── index.html │ ├── partials │ │ ├── footer.html │ │ ├── head.html │ │ ├── header.html │ │ ├── menu.html │ │ └── navbar.html │ └── shortcodes │ │ ├── button.html │ │ ├── changelog.html │ │ ├── link.html │ │ ├── notification.html │ │ ├── preview.html │ │ ├── tab.html │ │ ├── tabs.html │ │ ├── tag.html │ │ └── variables.html │ ├── static │ ├── css │ │ ├── bulma-tooltip.css │ │ ├── bulma-tooltip.min.css │ │ └── docs.css │ ├── images │ │ └── clippy.svg │ └── js │ │ ├── clipboard.min.js │ │ ├── docs.js │ │ └── highlight.pack.js │ └── theme.toml └── sass └── index.sass /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": true, 4 | "commonjs": true, 5 | "es6": true, 6 | "jest": true 7 | }, 8 | "globals": { 9 | "ENV": true, 10 | "page": true, 11 | "browser": true, 12 | "context": true, 13 | "jestPuppeteer": true 14 | }, 15 | "extends": "eslint:recommended", 16 | "parserOptions": { 17 | "sourceType": "module", 18 | "ecmaVersion": 9, 19 | "ecmaFeatures": { 20 | "experimentalObjectRestSpread": true 21 | } 22 | }, 23 | "rules": { 24 | "indent": [ 25 | "error", 26 | "tab" 27 | ], 28 | "linebreak-style": [ 29 | "error", 30 | "unix" 31 | ], 32 | "quotes": [ 33 | "error", 34 | "single" 35 | ], 36 | "semi": [ 37 | "error", 38 | "always" 39 | ] 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | Gemfile.lock 4 | package-lock.json 5 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 CreativeBulma 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 all 13 | 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 THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # :exclamation::exclamation::exclamation: Looking for new Maintainer :exclamation::exclamation::exclamation: 2 | As you may have noticed, this package has not been updated for some time. I'm sorry, but unfortunately I'm not able to continue to maintain it, so I'm looking for someone who would like to take it over and maintain it. **If you are interested, open an issue to request ownership transfer.** 3 | 4 | # Introduction 5 | This components has been developped as a [Bulma](https://bulma.io) extension and brings the ability to **easily display a badge attached to any kind of element, in different position**. 6 | 7 | [![npm](https://img.shields.io/npm/v/@creativebulma/bulma-badge.svg)](https://www.npmjs.com/package/@creativebulma/bulma-badge) 8 | [![npm](https://img.shields.io/npm/dm/@creativebulma/bulma-badge.svg)](https://www.npmjs.com/package/@creativebulma/bulma-badge) 9 | [![](https://data.jsdelivr.com/v1/package/npm/@creativebulma/bulma-badge/badge)](https://www.jsdelivr.com/package/npm/@creativebulma/bulma-badge) 10 | 11 | --- 12 | 13 | ## Prerequisites 14 | This component extends [Bulma CSS Framework](https://bulma.io) and requires it to work. 15 | 16 | ## Get Started 17 | ```shell 18 | npm i -D @creativebulma/bulma-badge 19 | ``` 20 | Full installation steps can be found here: [installation steps](https://bulma-badge.netlify.app/get-started) 21 | 22 | ## Documentation & Demo 23 | Full documentation and demo are available [here](bulma-badge.netlify.app/get-started) 24 | 25 | ## About the project 26 | BulmaBadge is © 2020 by [CreativeBulma](https://github.com/CreativeBulma). 27 | 28 | ## License 29 | BulmaBadge is distributed under [MIT](https://github.com/CreativeBulma/bulma-badge/blob/master/LICENSE) license. 30 | 31 | ## Contributing 32 | **Contribution are welcome!** 33 | You found a bug, a typo issue ? Feel free to create a PR on the [github repository](https://github.com/CreativeBulma/bulma-badge/) of this project. 34 | 35 | When contributing to this project, please first discuss the change you wish to make via issue on the [github repository](https://github.com/CreativeBulma/bulma-badge/issues), email, or any other method with the owners of this project before making a change. 36 | -------------------------------------------------------------------------------- /dist/bulma-badge.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-badge v1.0.1 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-badge */ 2 | @-webkit-keyframes spinAround { 3 | from { 4 | transform: rotate(0deg); 5 | } 6 | to { 7 | transform: rotate(359deg); 8 | } 9 | } 10 | 11 | @keyframes spinAround { 12 | from { 13 | transform: rotate(0deg); 14 | } 15 | to { 16 | transform: rotate(359deg); 17 | } 18 | } 19 | 20 | /* line 72, src/sass/app.sass */ 21 | .badge { 22 | background-color: #00d1b2; 23 | border: 2px solid transparent; 24 | border-radius: 14px; 25 | box-shadow: 0 0 0 2px white; 26 | color: white; 27 | font-size: 0.65rem; 28 | height: 14px; 29 | line-height: calc(7px + 1px); 30 | min-width: 14px; 31 | overflow: hidden; 32 | padding: 0.05rem 0.15rem; 33 | position: absolute; 34 | right: 0; 35 | text-overflow: ellipsis; 36 | top: 0; 37 | transform: translate(50%, -50%); 38 | white-space: nowrap; 39 | } 40 | 41 | /* line 91, src/sass/app.sass */ 42 | .badge.is-outlined { 43 | background-color: white; 44 | border-color: #00d1b2; 45 | color: #00d1b2; 46 | } 47 | 48 | /* line 16, src/sass/app.sass */ 49 | .badge.is-left { 50 | bottom: 0; 51 | left: 0; 52 | right: auto; 53 | top: 50%; 54 | transform: translate(-50%, -50%); 55 | } 56 | 57 | /* line 23, src/sass/app.sass */ 58 | .badge.is-right { 59 | bottom: auto; 60 | left: auto; 61 | right: 0; 62 | top: 50%; 63 | transform: translate(50%, -50%); 64 | } 65 | 66 | /* line 30, src/sass/app.sass */ 67 | .badge.is-top { 68 | bottom: auto; 69 | left: 50%; 70 | right: auto; 71 | top: 0; 72 | transform: translate(-50%, -50%); 73 | } 74 | 75 | /* line 37, src/sass/app.sass */ 76 | .badge.is-top-left { 77 | bottom: auto; 78 | left: 0; 79 | right: auto; 80 | top: 0; 81 | transform: translate(-50%, -50%); 82 | } 83 | 84 | /* line 44, src/sass/app.sass */ 85 | .badge.is-top-right { 86 | bottom: auto; 87 | left: auto; 88 | right: 0; 89 | top: 0; 90 | transform: translate(50%, -50%); 91 | } 92 | 93 | /* line 51, src/sass/app.sass */ 94 | .badge.is-bottom { 95 | bottom: 0; 96 | left: 50%; 97 | right: auto; 98 | top: auto; 99 | transform: translate(-50%, 50%); 100 | } 101 | 102 | /* line 58, src/sass/app.sass */ 103 | .badge.is-bottom-left { 104 | bottom: 0; 105 | left: 0; 106 | right: auto; 107 | top: auto; 108 | transform: translate(-50%, 50%); 109 | } 110 | 111 | /* line 65, src/sass/app.sass */ 112 | .badge.is-bottom-right { 113 | bottom: 0; 114 | left: auto; 115 | right: 0; 116 | top: auto; 117 | transform: translate(50%, 50%); 118 | } 119 | 120 | /* line 103, src/sass/app.sass */ 121 | .badge.is-white:not(.is-outlined) { 122 | background-color: white; 123 | color: #0a0a0a; 124 | } 125 | 126 | /* line 107, src/sass/app.sass */ 127 | .badge.is-white.is-outlined { 128 | border-color: white; 129 | color: white; 130 | } 131 | 132 | /* line 103, src/sass/app.sass */ 133 | .badge.is-black:not(.is-outlined) { 134 | background-color: #0a0a0a; 135 | color: white; 136 | } 137 | 138 | /* line 107, src/sass/app.sass */ 139 | .badge.is-black.is-outlined { 140 | border-color: #0a0a0a; 141 | color: #0a0a0a; 142 | } 143 | 144 | /* line 103, src/sass/app.sass */ 145 | .badge.is-light:not(.is-outlined) { 146 | background-color: whitesmoke; 147 | color: rgba(0, 0, 0, 0.7); 148 | } 149 | 150 | /* line 107, src/sass/app.sass */ 151 | .badge.is-light.is-outlined { 152 | border-color: whitesmoke; 153 | color: whitesmoke; 154 | } 155 | 156 | /* line 103, src/sass/app.sass */ 157 | .badge.is-dark:not(.is-outlined) { 158 | background-color: #363636; 159 | color: #fff; 160 | } 161 | 162 | /* line 107, src/sass/app.sass */ 163 | .badge.is-dark.is-outlined { 164 | border-color: #363636; 165 | color: #363636; 166 | } 167 | 168 | /* line 103, src/sass/app.sass */ 169 | .badge.is-primary:not(.is-outlined) { 170 | background-color: #00d1b2; 171 | color: #fff; 172 | } 173 | 174 | /* line 107, src/sass/app.sass */ 175 | .badge.is-primary.is-outlined { 176 | border-color: #00d1b2; 177 | color: #00d1b2; 178 | } 179 | 180 | /* line 115, src/sass/app.sass */ 181 | .badge.is-primary.is-light { 182 | color: #00947e; 183 | } 184 | 185 | /* line 117, src/sass/app.sass */ 186 | .badge.is-primary.is-light:not(.is-outlined) { 187 | background-color: #ebfffc; 188 | } 189 | 190 | /* line 119, src/sass/app.sass */ 191 | .badge.is-primary.is-light.is-outlined { 192 | border-color: #00d1b2; 193 | } 194 | 195 | /* line 103, src/sass/app.sass */ 196 | .badge.is-link:not(.is-outlined) { 197 | background-color: #3273dc; 198 | color: #fff; 199 | } 200 | 201 | /* line 107, src/sass/app.sass */ 202 | .badge.is-link.is-outlined { 203 | border-color: #3273dc; 204 | color: #3273dc; 205 | } 206 | 207 | /* line 115, src/sass/app.sass */ 208 | .badge.is-link.is-light { 209 | color: #2160c4; 210 | } 211 | 212 | /* line 117, src/sass/app.sass */ 213 | .badge.is-link.is-light:not(.is-outlined) { 214 | background-color: #eef3fc; 215 | } 216 | 217 | /* line 119, src/sass/app.sass */ 218 | .badge.is-link.is-light.is-outlined { 219 | border-color: #3273dc; 220 | } 221 | 222 | /* line 103, src/sass/app.sass */ 223 | .badge.is-info:not(.is-outlined) { 224 | background-color: #3298dc; 225 | color: #fff; 226 | } 227 | 228 | /* line 107, src/sass/app.sass */ 229 | .badge.is-info.is-outlined { 230 | border-color: #3298dc; 231 | color: #3298dc; 232 | } 233 | 234 | /* line 115, src/sass/app.sass */ 235 | .badge.is-info.is-light { 236 | color: #1d72aa; 237 | } 238 | 239 | /* line 117, src/sass/app.sass */ 240 | .badge.is-info.is-light:not(.is-outlined) { 241 | background-color: #eef6fc; 242 | } 243 | 244 | /* line 119, src/sass/app.sass */ 245 | .badge.is-info.is-light.is-outlined { 246 | border-color: #3298dc; 247 | } 248 | 249 | /* line 103, src/sass/app.sass */ 250 | .badge.is-success:not(.is-outlined) { 251 | background-color: #48c774; 252 | color: #fff; 253 | } 254 | 255 | /* line 107, src/sass/app.sass */ 256 | .badge.is-success.is-outlined { 257 | border-color: #48c774; 258 | color: #48c774; 259 | } 260 | 261 | /* line 115, src/sass/app.sass */ 262 | .badge.is-success.is-light { 263 | color: #257942; 264 | } 265 | 266 | /* line 117, src/sass/app.sass */ 267 | .badge.is-success.is-light:not(.is-outlined) { 268 | background-color: #effaf3; 269 | } 270 | 271 | /* line 119, src/sass/app.sass */ 272 | .badge.is-success.is-light.is-outlined { 273 | border-color: #48c774; 274 | } 275 | 276 | /* line 103, src/sass/app.sass */ 277 | .badge.is-warning:not(.is-outlined) { 278 | background-color: #ffdd57; 279 | color: rgba(0, 0, 0, 0.7); 280 | } 281 | 282 | /* line 107, src/sass/app.sass */ 283 | .badge.is-warning.is-outlined { 284 | border-color: #ffdd57; 285 | color: #ffdd57; 286 | } 287 | 288 | /* line 115, src/sass/app.sass */ 289 | .badge.is-warning.is-light { 290 | color: #947600; 291 | } 292 | 293 | /* line 117, src/sass/app.sass */ 294 | .badge.is-warning.is-light:not(.is-outlined) { 295 | background-color: #fffbeb; 296 | } 297 | 298 | /* line 119, src/sass/app.sass */ 299 | .badge.is-warning.is-light.is-outlined { 300 | border-color: #ffdd57; 301 | } 302 | 303 | /* line 103, src/sass/app.sass */ 304 | .badge.is-danger:not(.is-outlined) { 305 | background-color: #f14668; 306 | color: #fff; 307 | } 308 | 309 | /* line 107, src/sass/app.sass */ 310 | .badge.is-danger.is-outlined { 311 | border-color: #f14668; 312 | color: #f14668; 313 | } 314 | 315 | /* line 115, src/sass/app.sass */ 316 | .badge.is-danger.is-light { 317 | color: #cc0f35; 318 | } 319 | 320 | /* line 117, src/sass/app.sass */ 321 | .badge.is-danger.is-light:not(.is-outlined) { 322 | background-color: #feecf0; 323 | } 324 | 325 | /* line 119, src/sass/app.sass */ 326 | .badge.is-danger.is-light.is-outlined { 327 | border-color: #f14668; 328 | } 329 | 330 | /* line 124, src/sass/app.sass */ 331 | .tabs li { 332 | position: relative; 333 | } 334 | -------------------------------------------------------------------------------- /dist/bulma-badge.min.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-badge v1.0.1 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-badge */ 2 | .badge{background-color:#00d1b2;border:2px solid transparent;border-radius:14px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:.65rem;height:14px;line-height:8px;min-width:14px;overflow:hidden;padding:.05rem .15rem;position:absolute;right:0;text-overflow:ellipsis;top:0;transform:translate(50%,-50%);white-space:nowrap}.badge.is-outlined{background-color:#fff;border-color:#00d1b2;color:#00d1b2}.badge.is-left{bottom:0;left:0;right:auto;top:50%;transform:translate(-50%,-50%)}.badge.is-right{bottom:auto;left:auto;right:0;top:50%;transform:translate(50%,-50%)}.badge.is-top{left:50%}.badge.is-top,.badge.is-top-left{bottom:auto;right:auto;top:0;transform:translate(-50%,-50%)}.badge.is-top-left{left:0}.badge.is-top-right{bottom:auto;left:auto;right:0;top:0;transform:translate(50%,-50%)}.badge.is-bottom{left:50%}.badge.is-bottom,.badge.is-bottom-left{bottom:0;right:auto;top:auto;transform:translate(-50%,50%)}.badge.is-bottom-left{left:0}.badge.is-bottom-right{bottom:0;left:auto;right:0;top:auto;transform:translate(50%,50%)}.badge.is-white:not(.is-outlined){background-color:#fff;color:#0a0a0a}.badge.is-white.is-outlined{border-color:#fff;color:#fff}.badge.is-black:not(.is-outlined){background-color:#0a0a0a;color:#fff}.badge.is-black.is-outlined{border-color:#0a0a0a;color:#0a0a0a}.badge.is-light:not(.is-outlined){background-color:#f5f5f5;color:rgba(0,0,0,.7)}.badge.is-light.is-outlined{border-color:#f5f5f5;color:#f5f5f5}.badge.is-dark:not(.is-outlined){background-color:#363636;color:#fff}.badge.is-dark.is-outlined{border-color:#363636;color:#363636}.badge.is-primary:not(.is-outlined){background-color:#00d1b2;color:#fff}.badge.is-primary.is-outlined{border-color:#00d1b2;color:#00d1b2}.badge.is-primary.is-light{color:#00947e}.badge.is-primary.is-light:not(.is-outlined){background-color:#ebfffc}.badge.is-primary.is-light.is-outlined{border-color:#00d1b2}.badge.is-link:not(.is-outlined){background-color:#3273dc;color:#fff}.badge.is-link.is-outlined{border-color:#3273dc;color:#3273dc}.badge.is-link.is-light{color:#2160c4}.badge.is-link.is-light:not(.is-outlined){background-color:#eef3fc}.badge.is-link.is-light.is-outlined{border-color:#3273dc}.badge.is-info:not(.is-outlined){background-color:#3298dc;color:#fff}.badge.is-info.is-outlined{border-color:#3298dc;color:#3298dc}.badge.is-info.is-light{color:#1d72aa}.badge.is-info.is-light:not(.is-outlined){background-color:#eef6fc}.badge.is-info.is-light.is-outlined{border-color:#3298dc}.badge.is-success:not(.is-outlined){background-color:#48c774;color:#fff}.badge.is-success.is-outlined{border-color:#48c774;color:#48c774}.badge.is-success.is-light{color:#257942}.badge.is-success.is-light:not(.is-outlined){background-color:#effaf3}.badge.is-success.is-light.is-outlined{border-color:#48c774}.badge.is-warning:not(.is-outlined){background-color:#ffdd57;color:rgba(0,0,0,.7)}.badge.is-warning.is-outlined{border-color:#ffdd57;color:#ffdd57}.badge.is-warning.is-light{color:#947600}.badge.is-warning.is-light:not(.is-outlined){background-color:#fffbeb}.badge.is-warning.is-light.is-outlined{border-color:#ffdd57}.badge.is-danger:not(.is-outlined){background-color:#f14668;color:#fff}.badge.is-danger.is-outlined{border-color:#f14668;color:#f14668}.badge.is-danger.is-light{color:#cc0f35}.badge.is-danger.is-light:not(.is-outlined){background-color:#feecf0}.badge.is-danger.is-light.is-outlined{border-color:#f14668}.tabs li{position:relative} -------------------------------------------------------------------------------- /docs/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 404 Page not found - BulmaBadge 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |

Page not found

25 |

26 | 27 |

28 |
29 |
30 |
31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /docs/categories/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Categories on BulmaBadge 5 | https://demo.creativebulma.net/components/badge/1.0/categories/ 6 | Recent content in Categories on BulmaBadge 7 | Hugo -- gohugo.io 8 | en-us 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /docs/changelog/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Changelog - BulmaBadge 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 |
30 | 31 | 32 | 33 |
34 |
35 | 90 |
91 | 112 | 113 |
114 |
115 |

Changelog

116 | 117 |
118 |
119 |

120 | v1.0.0 (2020-04-11) 121 |

122 | 123 |
124 |

First working version

125 |
    126 |
  • 127 | 128 | added 129 | 130 | 131 | 132 | 133 | 134 | 135 | Styles : classic & outlined
    • 136 |
  • 137 | 138 | added 139 | 140 | 141 | 142 | 143 | 144 | 145 | Multi-colors
    • 146 |
  • 147 | 148 | added 149 | 150 | 151 | 152 | 153 | 154 | 155 | Position modifiers
    • 156 |
157 | 158 |
159 |
160 |
161 | 162 | 163 | 164 |
165 |
166 |
167 |
168 |
169 | 170 | 171 | 172 | 173 | 174 | 175 | -------------------------------------------------------------------------------- /docs/css/bulma-badge.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-badge v1.0.1 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-badge */ 2 | @-webkit-keyframes spinAround { 3 | from { 4 | transform: rotate(0deg); 5 | } 6 | to { 7 | transform: rotate(359deg); 8 | } 9 | } 10 | 11 | @keyframes spinAround { 12 | from { 13 | transform: rotate(0deg); 14 | } 15 | to { 16 | transform: rotate(359deg); 17 | } 18 | } 19 | 20 | /* line 72, src/sass/app.sass */ 21 | .badge { 22 | background-color: #00d1b2; 23 | border: 2px solid transparent; 24 | border-radius: 14px; 25 | box-shadow: 0 0 0 2px white; 26 | color: white; 27 | font-size: 0.65rem; 28 | height: 14px; 29 | line-height: calc(7px + 1px); 30 | min-width: 14px; 31 | overflow: hidden; 32 | padding: 0.05rem 0.15rem; 33 | position: absolute; 34 | right: 0; 35 | text-overflow: ellipsis; 36 | top: 0; 37 | transform: translate(50%, -50%); 38 | white-space: nowrap; 39 | } 40 | 41 | /* line 91, src/sass/app.sass */ 42 | .badge.is-outlined { 43 | background-color: white; 44 | border-color: #00d1b2; 45 | color: #00d1b2; 46 | } 47 | 48 | /* line 16, src/sass/app.sass */ 49 | .badge.is-left { 50 | bottom: 0; 51 | left: 0; 52 | right: auto; 53 | top: 50%; 54 | transform: translate(-50%, -50%); 55 | } 56 | 57 | /* line 23, src/sass/app.sass */ 58 | .badge.is-right { 59 | bottom: auto; 60 | left: auto; 61 | right: 0; 62 | top: 50%; 63 | transform: translate(50%, -50%); 64 | } 65 | 66 | /* line 30, src/sass/app.sass */ 67 | .badge.is-top { 68 | bottom: auto; 69 | left: 50%; 70 | right: auto; 71 | top: 0; 72 | transform: translate(-50%, -50%); 73 | } 74 | 75 | /* line 37, src/sass/app.sass */ 76 | .badge.is-top-left { 77 | bottom: auto; 78 | left: 0; 79 | right: auto; 80 | top: 0; 81 | transform: translate(-50%, -50%); 82 | } 83 | 84 | /* line 44, src/sass/app.sass */ 85 | .badge.is-top-right { 86 | bottom: auto; 87 | left: auto; 88 | right: 0; 89 | top: 0; 90 | transform: translate(50%, -50%); 91 | } 92 | 93 | /* line 51, src/sass/app.sass */ 94 | .badge.is-bottom { 95 | bottom: 0; 96 | left: 50%; 97 | right: auto; 98 | top: auto; 99 | transform: translate(-50%, 50%); 100 | } 101 | 102 | /* line 58, src/sass/app.sass */ 103 | .badge.is-bottom-left { 104 | bottom: 0; 105 | left: 0; 106 | right: auto; 107 | top: auto; 108 | transform: translate(-50%, 50%); 109 | } 110 | 111 | /* line 65, src/sass/app.sass */ 112 | .badge.is-bottom-right { 113 | bottom: 0; 114 | left: auto; 115 | right: 0; 116 | top: auto; 117 | transform: translate(50%, 50%); 118 | } 119 | 120 | /* line 103, src/sass/app.sass */ 121 | .badge.is-white:not(.is-outlined) { 122 | background-color: white; 123 | color: #0a0a0a; 124 | } 125 | 126 | /* line 107, src/sass/app.sass */ 127 | .badge.is-white.is-outlined { 128 | border-color: white; 129 | color: white; 130 | } 131 | 132 | /* line 103, src/sass/app.sass */ 133 | .badge.is-black:not(.is-outlined) { 134 | background-color: #0a0a0a; 135 | color: white; 136 | } 137 | 138 | /* line 107, src/sass/app.sass */ 139 | .badge.is-black.is-outlined { 140 | border-color: #0a0a0a; 141 | color: #0a0a0a; 142 | } 143 | 144 | /* line 103, src/sass/app.sass */ 145 | .badge.is-light:not(.is-outlined) { 146 | background-color: whitesmoke; 147 | color: rgba(0, 0, 0, 0.7); 148 | } 149 | 150 | /* line 107, src/sass/app.sass */ 151 | .badge.is-light.is-outlined { 152 | border-color: whitesmoke; 153 | color: whitesmoke; 154 | } 155 | 156 | /* line 103, src/sass/app.sass */ 157 | .badge.is-dark:not(.is-outlined) { 158 | background-color: #363636; 159 | color: #fff; 160 | } 161 | 162 | /* line 107, src/sass/app.sass */ 163 | .badge.is-dark.is-outlined { 164 | border-color: #363636; 165 | color: #363636; 166 | } 167 | 168 | /* line 103, src/sass/app.sass */ 169 | .badge.is-primary:not(.is-outlined) { 170 | background-color: #00d1b2; 171 | color: #fff; 172 | } 173 | 174 | /* line 107, src/sass/app.sass */ 175 | .badge.is-primary.is-outlined { 176 | border-color: #00d1b2; 177 | color: #00d1b2; 178 | } 179 | 180 | /* line 115, src/sass/app.sass */ 181 | .badge.is-primary.is-light { 182 | color: #00947e; 183 | } 184 | 185 | /* line 117, src/sass/app.sass */ 186 | .badge.is-primary.is-light:not(.is-outlined) { 187 | background-color: #ebfffc; 188 | } 189 | 190 | /* line 119, src/sass/app.sass */ 191 | .badge.is-primary.is-light.is-outlined { 192 | border-color: #00d1b2; 193 | } 194 | 195 | /* line 103, src/sass/app.sass */ 196 | .badge.is-link:not(.is-outlined) { 197 | background-color: #3273dc; 198 | color: #fff; 199 | } 200 | 201 | /* line 107, src/sass/app.sass */ 202 | .badge.is-link.is-outlined { 203 | border-color: #3273dc; 204 | color: #3273dc; 205 | } 206 | 207 | /* line 115, src/sass/app.sass */ 208 | .badge.is-link.is-light { 209 | color: #2160c4; 210 | } 211 | 212 | /* line 117, src/sass/app.sass */ 213 | .badge.is-link.is-light:not(.is-outlined) { 214 | background-color: #eef3fc; 215 | } 216 | 217 | /* line 119, src/sass/app.sass */ 218 | .badge.is-link.is-light.is-outlined { 219 | border-color: #3273dc; 220 | } 221 | 222 | /* line 103, src/sass/app.sass */ 223 | .badge.is-info:not(.is-outlined) { 224 | background-color: #3298dc; 225 | color: #fff; 226 | } 227 | 228 | /* line 107, src/sass/app.sass */ 229 | .badge.is-info.is-outlined { 230 | border-color: #3298dc; 231 | color: #3298dc; 232 | } 233 | 234 | /* line 115, src/sass/app.sass */ 235 | .badge.is-info.is-light { 236 | color: #1d72aa; 237 | } 238 | 239 | /* line 117, src/sass/app.sass */ 240 | .badge.is-info.is-light:not(.is-outlined) { 241 | background-color: #eef6fc; 242 | } 243 | 244 | /* line 119, src/sass/app.sass */ 245 | .badge.is-info.is-light.is-outlined { 246 | border-color: #3298dc; 247 | } 248 | 249 | /* line 103, src/sass/app.sass */ 250 | .badge.is-success:not(.is-outlined) { 251 | background-color: #48c774; 252 | color: #fff; 253 | } 254 | 255 | /* line 107, src/sass/app.sass */ 256 | .badge.is-success.is-outlined { 257 | border-color: #48c774; 258 | color: #48c774; 259 | } 260 | 261 | /* line 115, src/sass/app.sass */ 262 | .badge.is-success.is-light { 263 | color: #257942; 264 | } 265 | 266 | /* line 117, src/sass/app.sass */ 267 | .badge.is-success.is-light:not(.is-outlined) { 268 | background-color: #effaf3; 269 | } 270 | 271 | /* line 119, src/sass/app.sass */ 272 | .badge.is-success.is-light.is-outlined { 273 | border-color: #48c774; 274 | } 275 | 276 | /* line 103, src/sass/app.sass */ 277 | .badge.is-warning:not(.is-outlined) { 278 | background-color: #ffdd57; 279 | color: rgba(0, 0, 0, 0.7); 280 | } 281 | 282 | /* line 107, src/sass/app.sass */ 283 | .badge.is-warning.is-outlined { 284 | border-color: #ffdd57; 285 | color: #ffdd57; 286 | } 287 | 288 | /* line 115, src/sass/app.sass */ 289 | .badge.is-warning.is-light { 290 | color: #947600; 291 | } 292 | 293 | /* line 117, src/sass/app.sass */ 294 | .badge.is-warning.is-light:not(.is-outlined) { 295 | background-color: #fffbeb; 296 | } 297 | 298 | /* line 119, src/sass/app.sass */ 299 | .badge.is-warning.is-light.is-outlined { 300 | border-color: #ffdd57; 301 | } 302 | 303 | /* line 103, src/sass/app.sass */ 304 | .badge.is-danger:not(.is-outlined) { 305 | background-color: #f14668; 306 | color: #fff; 307 | } 308 | 309 | /* line 107, src/sass/app.sass */ 310 | .badge.is-danger.is-outlined { 311 | border-color: #f14668; 312 | color: #f14668; 313 | } 314 | 315 | /* line 115, src/sass/app.sass */ 316 | .badge.is-danger.is-light { 317 | color: #cc0f35; 318 | } 319 | 320 | /* line 117, src/sass/app.sass */ 321 | .badge.is-danger.is-light:not(.is-outlined) { 322 | background-color: #feecf0; 323 | } 324 | 325 | /* line 119, src/sass/app.sass */ 326 | .badge.is-danger.is-light.is-outlined { 327 | border-color: #f14668; 328 | } 329 | 330 | /* line 124, src/sass/app.sass */ 331 | .tabs li { 332 | position: relative; 333 | } 334 | -------------------------------------------------------------------------------- /docs/css/bulma-badge.min.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-badge v1.0.1 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-badge */ 2 | .badge{background-color:#00d1b2;border:2px solid transparent;border-radius:14px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:.65rem;height:14px;line-height:8px;min-width:14px;overflow:hidden;padding:.05rem .15rem;position:absolute;right:0;text-overflow:ellipsis;top:0;transform:translate(50%,-50%);white-space:nowrap}.badge.is-outlined{background-color:#fff;border-color:#00d1b2;color:#00d1b2}.badge.is-left{bottom:0;left:0;right:auto;top:50%;transform:translate(-50%,-50%)}.badge.is-right{bottom:auto;left:auto;right:0;top:50%;transform:translate(50%,-50%)}.badge.is-top{left:50%}.badge.is-top,.badge.is-top-left{bottom:auto;right:auto;top:0;transform:translate(-50%,-50%)}.badge.is-top-left{left:0}.badge.is-top-right{bottom:auto;left:auto;right:0;top:0;transform:translate(50%,-50%)}.badge.is-bottom{left:50%}.badge.is-bottom,.badge.is-bottom-left{bottom:0;right:auto;top:auto;transform:translate(-50%,50%)}.badge.is-bottom-left{left:0}.badge.is-bottom-right{bottom:0;left:auto;right:0;top:auto;transform:translate(50%,50%)}.badge.is-white:not(.is-outlined){background-color:#fff;color:#0a0a0a}.badge.is-white.is-outlined{border-color:#fff;color:#fff}.badge.is-black:not(.is-outlined){background-color:#0a0a0a;color:#fff}.badge.is-black.is-outlined{border-color:#0a0a0a;color:#0a0a0a}.badge.is-light:not(.is-outlined){background-color:#f5f5f5;color:rgba(0,0,0,.7)}.badge.is-light.is-outlined{border-color:#f5f5f5;color:#f5f5f5}.badge.is-dark:not(.is-outlined){background-color:#363636;color:#fff}.badge.is-dark.is-outlined{border-color:#363636;color:#363636}.badge.is-primary:not(.is-outlined){background-color:#00d1b2;color:#fff}.badge.is-primary.is-outlined{border-color:#00d1b2;color:#00d1b2}.badge.is-primary.is-light{color:#00947e}.badge.is-primary.is-light:not(.is-outlined){background-color:#ebfffc}.badge.is-primary.is-light.is-outlined{border-color:#00d1b2}.badge.is-link:not(.is-outlined){background-color:#3273dc;color:#fff}.badge.is-link.is-outlined{border-color:#3273dc;color:#3273dc}.badge.is-link.is-light{color:#2160c4}.badge.is-link.is-light:not(.is-outlined){background-color:#eef3fc}.badge.is-link.is-light.is-outlined{border-color:#3273dc}.badge.is-info:not(.is-outlined){background-color:#3298dc;color:#fff}.badge.is-info.is-outlined{border-color:#3298dc;color:#3298dc}.badge.is-info.is-light{color:#1d72aa}.badge.is-info.is-light:not(.is-outlined){background-color:#eef6fc}.badge.is-info.is-light.is-outlined{border-color:#3298dc}.badge.is-success:not(.is-outlined){background-color:#48c774;color:#fff}.badge.is-success.is-outlined{border-color:#48c774;color:#48c774}.badge.is-success.is-light{color:#257942}.badge.is-success.is-light:not(.is-outlined){background-color:#effaf3}.badge.is-success.is-light.is-outlined{border-color:#48c774}.badge.is-warning:not(.is-outlined){background-color:#ffdd57;color:rgba(0,0,0,.7)}.badge.is-warning.is-outlined{border-color:#ffdd57;color:#ffdd57}.badge.is-warning.is-light{color:#947600}.badge.is-warning.is-light:not(.is-outlined){background-color:#fffbeb}.badge.is-warning.is-light.is-outlined{border-color:#ffdd57}.badge.is-danger:not(.is-outlined){background-color:#f14668;color:#fff}.badge.is-danger.is-outlined{border-color:#f14668;color:#f14668}.badge.is-danger.is-light{color:#cc0f35}.badge.is-danger.is-light:not(.is-outlined){background-color:#feecf0}.badge.is-danger.is-light.is-outlined{border-color:#f14668}.tabs li{position:relative} -------------------------------------------------------------------------------- /docs/css/bulma-tooltip.min.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-tooltip v1.0.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tooltip */ 2 | [data-tooltip]:not(.is-disabled),[data-tooltip]:not(.is-loading),[data-tooltip]:not([disabled]){cursor:pointer;overflow:visible;position:relative}[data-tooltip]:not(.is-disabled):before,[data-tooltip]:not(.is-loading):before,[data-tooltip]:not([disabled]):before{background:rgba(74,74,74,.9);border-radius:2px;content:attr(data-tooltip);padding:.5rem 1rem;text-overflow:ellipsis;white-space:pre;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}[data-tooltip]:not(.is-disabled).has-tooltip-arrow:after,[data-tooltip]:not(.is-disabled):before,[data-tooltip]:not(.is-loading).has-tooltip-arrow:after,[data-tooltip]:not(.is-loading):before,[data-tooltip]:not([disabled]).has-tooltip-arrow:after,[data-tooltip]:not([disabled]):before{box-sizing:border-box;color:#fff;display:inline-block;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;z-index:1}[data-tooltip]:not(.is-disabled).has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-arrow:after{content:"";border-style:solid;border-width:6px;border-color:rgba(74,74,74,.9) transparent transparent;margin-bottom:-5px}[data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip]:not(.is-disabled).has-tooltip-bottom:before,[data-tooltip]:not(.is-loading).has-tooltip-bottom:before,[data-tooltip]:not([disabled]).has-tooltip-bottom:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}[data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip]:not(.is-disabled).has-tooltip-left:before,[data-tooltip]:not(.is-loading).has-tooltip-left:before,[data-tooltip]:not([disabled]).has-tooltip-left:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}[data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip]:not(.is-disabled).has-tooltip-right:before,[data-tooltip]:not(.is-loading).has-tooltip-right:before,[data-tooltip]:not([disabled]).has-tooltip-right:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}[data-tooltip]:not(.is-disabled).has-tooltip-multiline:before,[data-tooltip]:not(.is-loading).has-tooltip-multiline:before,[data-tooltip]:not([disabled]).has-tooltip-multiline:before{height:auto;width:15rem;max-width:15rem;text-overflow:clip;white-space:normal;word-break:keep-all}[data-tooltip]:not(.is-disabled).has-tooltip-white:after,[data-tooltip]:not(.is-loading).has-tooltip-white:after,[data-tooltip]:not([disabled]).has-tooltip-white:after{border-color:hsla(0,0%,100%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom:after{border-color:transparent transparent hsla(0,0%,100%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left:after{border-color:transparent transparent transparent hsla(0,0%,100%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right:after{border-color:transparent hsla(0,0%,100%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-white:before,[data-tooltip]:not(.is-loading).has-tooltip-white:before,[data-tooltip]:not([disabled]).has-tooltip-white:before{background-color:hsla(0,0%,100%,.9);color:#0a0a0a}[data-tooltip]:not(.is-disabled).has-tooltip-black:after,[data-tooltip]:not(.is-loading).has-tooltip-black:after,[data-tooltip]:not([disabled]).has-tooltip-black:after{border-color:hsla(0,0%,4%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom:after{border-color:transparent transparent hsla(0,0%,4%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left:after{border-color:transparent transparent transparent hsla(0,0%,4%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right:after{border-color:transparent hsla(0,0%,4%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-black:before,[data-tooltip]:not(.is-loading).has-tooltip-black:before,[data-tooltip]:not([disabled]).has-tooltip-black:before{background-color:hsla(0,0%,4%,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-light:after,[data-tooltip]:not(.is-loading).has-tooltip-light:after,[data-tooltip]:not([disabled]).has-tooltip-light:after{border-color:hsla(0,0%,96%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom:after{border-color:transparent transparent hsla(0,0%,96%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left:after{border-color:transparent transparent transparent hsla(0,0%,96%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right:after{border-color:transparent hsla(0,0%,96%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-light:before,[data-tooltip]:not(.is-loading).has-tooltip-light:before,[data-tooltip]:not([disabled]).has-tooltip-light:before{background-color:hsla(0,0%,96%,.9);color:rgba(0,0,0,.7)}[data-tooltip]:not(.is-disabled).has-tooltip-dark:after,[data-tooltip]:not(.is-loading).has-tooltip-dark:after,[data-tooltip]:not([disabled]).has-tooltip-dark:after{border-color:rgba(54,54,54,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom:after{border-color:transparent transparent rgba(54,54,54,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left:after{border-color:transparent transparent transparent rgba(54,54,54,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right:after{border-color:transparent rgba(54,54,54,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark:before,[data-tooltip]:not(.is-loading).has-tooltip-dark:before,[data-tooltip]:not([disabled]).has-tooltip-dark:before{background-color:rgba(54,54,54,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-primary:after,[data-tooltip]:not(.is-loading).has-tooltip-primary:after,[data-tooltip]:not([disabled]).has-tooltip-primary:after{border-color:rgba(0,209,178,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom:after{border-color:transparent transparent rgba(0,209,178,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left:after{border-color:transparent transparent transparent rgba(0,209,178,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right:after{border-color:transparent rgba(0,209,178,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary:before,[data-tooltip]:not(.is-loading).has-tooltip-primary:before,[data-tooltip]:not([disabled]).has-tooltip-primary:before{background-color:rgba(0,209,178,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-link:after,[data-tooltip]:not(.is-loading).has-tooltip-link:after,[data-tooltip]:not([disabled]).has-tooltip-link:after{border-color:rgba(50,115,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom:after{border-color:transparent transparent rgba(50,115,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left:after{border-color:transparent transparent transparent rgba(50,115,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right:after{border-color:transparent rgba(50,115,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-link:before,[data-tooltip]:not(.is-loading).has-tooltip-link:before,[data-tooltip]:not([disabled]).has-tooltip-link:before{background-color:rgba(50,115,220,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-info:after,[data-tooltip]:not(.is-loading).has-tooltip-info:after,[data-tooltip]:not([disabled]).has-tooltip-info:after{border-color:rgba(50,152,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom:after{border-color:transparent transparent rgba(50,152,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left:after{border-color:transparent transparent transparent rgba(50,152,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right:after{border-color:transparent rgba(50,152,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-info:before,[data-tooltip]:not(.is-loading).has-tooltip-info:before,[data-tooltip]:not([disabled]).has-tooltip-info:before{background-color:rgba(50,152,220,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-success:after,[data-tooltip]:not(.is-loading).has-tooltip-success:after,[data-tooltip]:not([disabled]).has-tooltip-success:after{border-color:rgba(72,199,116,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom:after{border-color:transparent transparent rgba(72,199,116,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left:after{border-color:transparent transparent transparent rgba(72,199,116,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right:after{border-color:transparent rgba(72,199,116,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-success:before,[data-tooltip]:not(.is-loading).has-tooltip-success:before,[data-tooltip]:not([disabled]).has-tooltip-success:before{background-color:rgba(72,199,116,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-warning:after,[data-tooltip]:not(.is-loading).has-tooltip-warning:after,[data-tooltip]:not([disabled]).has-tooltip-warning:after{border-color:rgba(255,221,87,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom:after{border-color:transparent transparent rgba(255,221,87,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left:after{border-color:transparent transparent transparent rgba(255,221,87,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right:after{border-color:transparent rgba(255,221,87,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning:before,[data-tooltip]:not(.is-loading).has-tooltip-warning:before,[data-tooltip]:not([disabled]).has-tooltip-warning:before{background-color:rgba(255,221,87,.9);color:rgba(0,0,0,.7)}[data-tooltip]:not(.is-disabled).has-tooltip-danger:after,[data-tooltip]:not(.is-loading).has-tooltip-danger:after,[data-tooltip]:not([disabled]).has-tooltip-danger:after{border-color:rgba(241,70,104,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom:after{border-color:transparent transparent rgba(241,70,104,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left:after{border-color:transparent transparent transparent rgba(241,70,104,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right:after{border-color:transparent rgba(241,70,104,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger:before,[data-tooltip]:not(.is-loading).has-tooltip-danger:before,[data-tooltip]:not([disabled]).has-tooltip-danger:before{background-color:rgba(241,70,104,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-active:after,[data-tooltip]:not(.is-disabled).has-tooltip-active:before,[data-tooltip]:not(.is-disabled):focus:after,[data-tooltip]:not(.is-disabled):focus:before,[data-tooltip]:not(.is-disabled):hover:after,[data-tooltip]:not(.is-disabled):hover:before,[data-tooltip]:not(.is-loading).has-tooltip-active:after,[data-tooltip]:not(.is-loading).has-tooltip-active:before,[data-tooltip]:not(.is-loading):focus:after,[data-tooltip]:not(.is-loading):focus:before,[data-tooltip]:not(.is-loading):hover:after,[data-tooltip]:not(.is-loading):hover:before,[data-tooltip]:not([disabled]).has-tooltip-active:after,[data-tooltip]:not([disabled]).has-tooltip-active:before,[data-tooltip]:not([disabled]):focus:after,[data-tooltip]:not([disabled]):focus:before,[data-tooltip]:not([disabled]):hover:after,[data-tooltip]:not([disabled]):hover:before{opacity:1;visibility:visible}[data-tooltip]:not(.is-disabled).has-tooltip-fade:after,[data-tooltip]:not(.is-disabled).has-tooltip-fade:before,[data-tooltip]:not(.is-loading).has-tooltip-fade:after,[data-tooltip]:not(.is-loading).has-tooltip-fade:before,[data-tooltip]:not([disabled]).has-tooltip-fade:after,[data-tooltip]:not([disabled]).has-tooltip-fade:before{transition:opacity .3s linear,visibility .3s linear}@media screen and (max-width:768px){[data-tooltip].has-tooltip-top-mobile.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-mobile:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-top-tablet.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-tablet:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-top-tablet-only.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-tablet-only:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-top-touch.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-touch:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-top-desktop.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-desktop:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-top-desktop-only.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-desktop-only:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-top-until-widescreen.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-until-widescreen:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-top-widescreen.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-widescreen:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-top-widescreen-only.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-widescreen-only:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-top-until-fullhd.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-until-fullhd:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-top-fullhd.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-fullhd:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:768px){[data-tooltip].has-tooltip-right-mobile.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-mobile:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-right-tablet.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-tablet:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-right-tablet-only.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-tablet-only:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-right-touch.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-touch:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-right-desktop.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-desktop:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-right-desktop-only.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-desktop-only:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-right-until-widescreen.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-until-widescreen:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-right-widescreen.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-widescreen:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-right-widescreen-only.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-widescreen-only:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-right-until-fullhd.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-until-fullhd:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-right-fullhd.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-fullhd:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:768px){[data-tooltip].has-tooltip-bottom-mobile.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-mobile:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-bottom-tablet.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-tablet:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-bottom-tablet-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-tablet-only:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-bottom-touch.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-touch:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-bottom-desktop.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-desktop:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-bottom-desktop-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-desktop-only:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-bottom-until-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-until-widescreen:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-bottom-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-widescreen:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-bottom-widescreen-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-widescreen-only:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-bottom-until-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-until-fullhd:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-bottom-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-fullhd:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:768px){[data-tooltip].has-tooltip-left-mobile.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-mobile:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-left-tablet.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-tablet:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-left-tablet-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-tablet-only:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-left-touch.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-touch:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-left-desktop.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-desktop:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-left-desktop-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-desktop-only:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-left-until-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-until-widescreen:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-left-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-widescreen:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-left-widescreen-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-widescreen-only:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-left-until-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-until-fullhd:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-left-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-fullhd:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}span[data-tooltip]{border-bottom:1px dashed #dbdbdb}span[data-tooltip].has-tooltip-white{border-bottom-color:#fff}span[data-tooltip].has-tooltip-black{border-bottom-color:#171717}span[data-tooltip].has-tooltip-light{border-bottom-color:#fff}span[data-tooltip].has-tooltip-dark{border-bottom-color:#424242}span[data-tooltip].has-tooltip-primary{border-bottom-color:#00ebc7}span[data-tooltip].has-tooltip-link{border-bottom-color:#4882e0}span[data-tooltip].has-tooltip-info{border-bottom-color:#48a3e0}span[data-tooltip].has-tooltip-success{border-bottom-color:#5bcd83}span[data-tooltip].has-tooltip-warning{border-bottom-color:#ffe270}span[data-tooltip].has-tooltip-danger{border-bottom-color:#f35e7c}.control span[data-tooltip]{border-bottom:none} -------------------------------------------------------------------------------- /docs/css/docs.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-size: 15px; 3 | font-weight: 400; 4 | } 5 | html, 6 | body, 7 | .is-fullheight { 8 | height: 100%; 9 | min-height: 100%; 10 | overflow-y: auto; 11 | } 12 | body { 13 | background-color: #fff; 14 | color: #5a6270 !important; 15 | font-family: Source Sans Pro,sans-serif; 16 | } 17 | .is-fullheight .navbar + .is-fullheight { 18 | height: calc(100% - 3.25rem); 19 | min-height: calc(100% - 3.25rem); 20 | } 21 | .brand { 22 | line-height: 1.5; 23 | padding: .5rem .75rem; 24 | height: 3.25rem; 25 | display: block; 26 | font-weight: 700; 27 | } 28 | .content h1, 29 | .content h2 { 30 | font-weight: 500; 31 | } 32 | .content h1 + h2 { 33 | margin-top: 0 !important; 34 | font-size: 1.3em; 35 | font-weight: 500; 36 | color: #5A6270; 37 | padding-bottom: calc(1.45rem - 1px); 38 | border-bottom: 1px solid #dee2e7; 39 | } 40 | .content h2 + h3 { 41 | margin-top: 0 !important; 42 | font-size: 1.125em; 43 | font-weight: 500; 44 | color: #5A6270; 45 | padding-bottom: calc(1.45rem - 1px); 46 | } 47 | .content h1, 48 | .content h2, 49 | .content h3 { 50 | color: #2f353f; 51 | } 52 | .content h4, 53 | .content h5, 54 | .content h6 { 55 | color: #5a6270; 56 | } 57 | a:not(.button) { 58 | color: #6056FF !important; 59 | } 60 | a:not(.button):hover { 61 | text-decoration: underline; 62 | } 63 | .menu-list { 64 | padding: 3rem 0; 65 | } 66 | .menu-list li ul { 67 | font-size: .85rem; 68 | } 69 | .menu-item:not(.has-dropdown) { 70 | padding: .5rem 1rem; 71 | } 72 | .menu { 73 | background-color: transparent !important; 74 | box-shadow: none !important; 75 | border-right: 1px solid #DEE2E7; 76 | overflow-y: auto; 77 | } 78 | .menu a { 79 | color: #5a6270 !important; 80 | } 81 | .menu a:hover { 82 | text-decoration: none; 83 | } 84 | ol li { 85 | margin-bottom: 1.25em; 86 | } 87 | code, kbd, pre, samp { 88 | font-family: "Consolas", menlo, monospace; 89 | font-size: 92%; 90 | } 91 | code { 92 | padding: .1em .3em; 93 | border-radius: .3em; 94 | font-size: .9em; 95 | color: #6056FF; 96 | background: #ebeef0; 97 | overflow-x: auto; 98 | } 99 | code + .copy-to-clipboard { 100 | margin-left: -1px; 101 | border-left: 0 !important; 102 | font-size: inherit !important; 103 | vertical-align: middle; 104 | height: 24px; 105 | top: 0; 106 | } 107 | pre { 108 | padding: 1rem; 109 | background: #f5f6fa !important; 110 | border: 0; 111 | border-radius: 2px; 112 | line-height: 1.15; 113 | position: relative; 114 | border: 1px solid rgb(222, 226, 231); 115 | } 116 | pre code { 117 | color: #586e75; 118 | background: inherit; 119 | white-space: inherit; 120 | border: 0; 121 | padding: 0; 122 | margin: 0; 123 | font-size: 0.875em; 124 | line-height: 1.375; 125 | max-width: 100%; 126 | width: 100%; 127 | display: block; 128 | overflow: auto; 129 | } 130 | .copy-to-clipboard { 131 | background-image: url(../images/clippy.svg); 132 | background-position: 50% 50%; 133 | background-size: 16px 16px; 134 | background-repeat: no-repeat; 135 | width: 27px; 136 | height: 1.45rem; 137 | top: -1px; 138 | display: inline-block; 139 | vertical-align: middle; 140 | position: relative; 141 | color: #586e75; 142 | background-color: #FFF7DD; 143 | margin-left: -.2rem; 144 | cursor: pointer; 145 | border-radius: 0 2px 2px 0; 146 | margin-bottom: 1px; 147 | } 148 | .copy-to-clipboard:hover { 149 | background-color: #E8E2CD; 150 | } 151 | pre .copy-to-clipboard { 152 | position: absolute; 153 | right: 4px; 154 | top: 4px; 155 | background-color: white; 156 | color: #ccc; 157 | border-radius: 2px; 158 | } 159 | pre .copy-to-clipboard:hover { 160 | background-color: whitesmoke; 161 | color: #fff !important; 162 | } 163 | 164 | .notification { 165 | background: #f9f9f9 !important; 166 | border-left: 3px solid #6056FF; 167 | color: #67757c !important; 168 | } 169 | 170 | .notification.is-white { 171 | border-left-color: white; 172 | } 173 | 174 | .notification.is-black { 175 | border-left-color: #0a0a0a; 176 | } 177 | 178 | .notification.is-light { 179 | border-left-color: whitesmoke; 180 | } 181 | 182 | .notification.is-dark { 183 | border-left-color: #2f3d4a; 184 | } 185 | 186 | .notification.is-primary { 187 | border-left-color: #6056FF; 188 | } 189 | 190 | .notification.is-link { 191 | border-left-color: #3273dc; 192 | } 193 | 194 | .notification.is-info { 195 | border-left-color: #37aee3; 196 | } 197 | 198 | .notification.is-success { 199 | border-left-color: #26c6da; 200 | } 201 | 202 | .notification.is-warning { 203 | border-left-color: #ffb22b; 204 | } 205 | 206 | .notification.is-danger { 207 | border-left-color: #ef5350; 208 | } 209 | .tabs { 210 | margin-bottom: 0 !important; 211 | } 212 | .tabs ul { 213 | margin-left: 0; 214 | margin-top: 0; 215 | } 216 | .tabs ul li a { 217 | color: #5a6270 !important; 218 | border-bottom: 2px solid transparent; 219 | padding: 1em; 220 | } 221 | .tabs ul li.is-active a { 222 | color: #6056FF !important; 223 | border-bottom-color: #6056FF !important; 224 | } 225 | .tabs ul li a:hover { 226 | text-decoration: none; 227 | } 228 | .tab-content .tab-pane { 229 | display: none; 230 | padding: 1em; 231 | } 232 | .tab-content .tab-pane.is-active { 233 | display: block; 234 | } 235 | .preview { 236 | border: 1px solid rgb(222, 226, 231); 237 | border-radius: 3px; 238 | margin-bottom: 1.5rem; 239 | } 240 | .preview .tab-content .tab-pane:nth-child(2) { 241 | background-color: #f5f6fa; 242 | } 243 | .preview .tab-content .tab-pane:nth-child(2) pre { 244 | border: none !important; 245 | } -------------------------------------------------------------------------------- /docs/how-to/customize/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Customize - BulmaBadge 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 |
30 | 31 | 32 | 33 |
34 |
35 | 90 |
91 | 112 | 113 |
114 |
115 |

How-To

116 |

Customize

117 |

This component has been designed to be easily customizable.

118 |

There is 2 ways to customize it, depending on the way you integrate this component into your project.

119 |

Sass

120 |

If you use the Sass source into your project, all you have to do is to customize variables before importing the component.

121 | 
$badge-height: 16px
122 | 
123 | @import '@creativebulma/bulma-badge'
124 |

Variables

125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 |
Variable nameDescriptionDefault value
$badge-font-size.65rem
$badge-height14px
$badge-padding.05rem .15rem
$badge-shadow0 0 0 2px $scheme-main
161 |

CSS

162 |

If you uses the CSS version you have to customize Sass source files then rebuild the CSS file.

163 |

First, let’s install some packages!

164 | 
npm install
165 |

This command will install all development required package.

166 |

Customize

167 |

Customize Sass variables defined within src/sass/index.sass file.

168 |

Build

169 |

You can build CSS files by launching the build process with the command:

170 | 
npm run build
171 |

Styles are built using node-sass from src/sass directory and minify them. 172 | Built files will be copied into /dist directory (can be customized within package.json).

173 | 174 |
175 |
176 |
177 |
178 |
179 | 180 | 181 | 182 | 183 | 184 | 185 | -------------------------------------------------------------------------------- /docs/how-to/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | How-tos on BulmaBadge 5 | https://demo.creativebulma.net/components/badge/1.0/how-to/ 6 | Recent content in How-tos on BulmaBadge 7 | Hugo -- gohugo.io 8 | en-us 9 | Sat, 21 Mar 2020 00:00:00 +0000 10 | 11 | 12 | 13 | 14 | 15 | Customize 16 | https://demo.creativebulma.net/components/badge/1.0/how-to/customize/ 17 | Sat, 21 Mar 2020 00:00:00 +0000 18 | 19 | https://demo.creativebulma.net/components/badge/1.0/how-to/customize/ 20 | How-To Customize This component has been designed to be easily customizable. 21 | There is 2 ways to customize it, depending on the way you integrate this component into your project. 22 | Sass If you use the Sass source into your project, all you have to do is to customize variables before importing the component. 23 | $badge-height: 16px @import '@creativebulma/bulma-badge' Variables Variable name Description Default value $badge-font-size . 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /docs/images/clippy.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Introduction - BulmaBadge 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
31 | 32 | 33 | 34 |
35 |
36 | 91 |
92 | 113 | 114 |
115 |
116 |

Introduction

117 |

What is BulmaBadge

118 |

BulmaBadge is a pure CSS 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | Bulma extension which brings the ability to easily display a badge attached to any kind of element, in different position.

129 | 130 |
If you enjoy this component, have a look at our MarketPlace and discover Free and Premium Bulma components and Templates.
131 |

License

132 |

BulmaBadge is © 2020 by CreativeBulma.

133 |

BulmaBadge is distributed under MIT license.

134 |

Contributing

135 |

Contribution are welcome!

136 |

You found a bug, a typo issue ? Feel free to create a PR on the github repository of this project.

137 |

When contributing to this project, please first discuss the change you wish to make via issue on the github repository, email, or any other method with the owners of this project before making a change.

138 | 139 |
140 |
141 |
142 |
143 |
144 | 145 | 146 | 147 | 148 | 149 | -------------------------------------------------------------------------------- /docs/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Introduction on BulmaBadge 5 | https://demo.creativebulma.net/components/badge/1.0/ 6 | Recent content in Introduction on BulmaBadge 7 | Hugo -- gohugo.io 8 | en-us 9 | Sat, 21 Mar 2020 00:00:00 +0000 10 | 11 | 12 | 13 | 14 | 15 | (2020-04-11) 16 | https://demo.creativebulma.net/components/badge/1.0/release/1/ 17 | Sat, 11 Apr 2020 10:46:47 +0200 18 | 19 | https://demo.creativebulma.net/components/badge/1.0/release/1/ 20 | First working version 21 | added Styles : classic & outlined added Multi-colors added Position modifiers 22 | 23 | 24 | 25 | Customize 26 | https://demo.creativebulma.net/components/badge/1.0/how-to/customize/ 27 | Sat, 21 Mar 2020 00:00:00 +0000 28 | 29 | https://demo.creativebulma.net/components/badge/1.0/how-to/customize/ 30 | How-To Customize This component has been designed to be easily customizable. 31 | There is 2 ways to customize it, depending on the way you integrate this component into your project. 32 | Sass If you use the Sass source into your project, all you have to do is to customize variables before importing the component. 33 | $badge-height: 16px @import '@creativebulma/bulma-badge' Variables Variable name Description Default value $badge-font-size . 34 | 35 | 36 | 37 | Get Started 38 | https://demo.creativebulma.net/components/badge/1.0/get-started/ 39 | Sat, 21 Mar 2020 00:00:00 +0000 40 | 41 | https://demo.creativebulma.net/components/badge/1.0/get-started/ 42 | Get started You only need 1 CSS file to use BulmaBadge 43 | Installation First, let’s install the component! There are several ways to get started with BulmaBadge. 44 | 1. NPM 2. CDN 3. Github Use npm to install the bulma-badge package recommended 45 | npm install @creativebulma/bulma-badge Use the jsDelivr CDN to link to the BulmaBadge stylesheet 46 | https://www.jsdelivr.com/package/npm/@creativebulma/bulma-badge Use the GitHub repository to get the latest development version. 47 | 48 | 49 | 50 | Changelog 51 | https://demo.creativebulma.net/components/badge/1.0/changelog/ 52 | Sat, 21 Mar 2020 00:00:00 +0000 53 | 54 | https://demo.creativebulma.net/components/badge/1.0/changelog/ 55 | Changelog v1.0.0 (2020-04-11) First working version 56 | added Styles : classic & outlined added Multi-colors added Position modifiers 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /docs/js/clipboard.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * clipboard.js v2.0.4 3 | * https://zenorocha.github.io/clipboard.js 4 | * 5 | * Licensed MIT © Zeno Rocha 6 | */ 7 | !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n 5) { 9 | if (!clipInit) { 10 | var text, clip = new ClipboardJS('.copy-to-clipboard', { 11 | text: function(trigger) { 12 | text = trigger.previousSibling.innerHTML; 13 | return text.replace(/^\$\s/gm, ''); 14 | } 15 | }); 16 | 17 | var inPre; 18 | clip.on('success', function(e) { 19 | e.clearSelection(); 20 | inPre = e.trigger.parentNode.tagName == 'PRE'; 21 | e.trigger.setAttribute('aria-label', 'Copied to clipboard!'); 22 | e.trigger.classList.add('tooltipped'); 23 | e.trigger.classList.add('tooltipped-' + (inPre ? 'w' : 's')); 24 | }); 25 | 26 | clip.on('error', function(e) { 27 | inPre = e.trigger.parentNode.tagName == 'PRE'; 28 | e.trigger.setAttribute('aria-label', fallbackMessage(e.action)); 29 | e.trigger.classList.add('tooltipped'); 30 | e.trigger.classList.add('tooltipped-' + (inPre ? 'w' : 's')); 31 | document.addEventListener('copy', function(){ 32 | e.trigger.setAttribute('aria-label', 'Copied to clipboard!'); 33 | e.trigger.classList.add('tooltipped'); 34 | e.trigger.classList.add('tooltipped-' + (inPre ? 'w' : 's')); 35 | }); 36 | }); 37 | 38 | clipInit = true; 39 | } 40 | 41 | var copyNode = document.createElement('div'); 42 | copyNode.classList.add('copy-to-clipboard'); 43 | copyNode.setAttribute('title', 'Copy to clipboard'); 44 | 45 | code.after(copyNode); 46 | code.nextSibling.addEventListener('mouseleave', function() { 47 | this.setAttribute('aria-label', null); 48 | this.classList.remove('tooltipped'); 49 | this.classList.remove('tooltipped-s'); 50 | this.classList.remove('tooltipped-w'); 51 | }); 52 | } 53 | }); 54 | 55 | const tabs = document.querySelectorAll('[data-toggle="tab"]') || []; 56 | tabs.forEach(function(tab) { 57 | tab.addEventListener('click', function(e) { 58 | e.preventDefault(); 59 | e.stopPropagation(); 60 | 61 | const tabPane = document.querySelector(e.currentTarget.dataset.target); 62 | 63 | const activeTab = e.currentTarget.closest('.tabs ul').querySelector('li.is-active'); 64 | const activeTabPane = document.querySelector(activeTab.dataset.target); 65 | if (activeTab && !activeTab.isSameNode(e.currentTarget)) { 66 | activeTab.classList.remove('is-active'); 67 | if (activeTabPane) { 68 | activeTabPane.classList.remove('is-active'); 69 | } 70 | 71 | } 72 | 73 | e.currentTarget.classList.add('is-active'); 74 | if (tabPane) { 75 | tabPane.classList.add('is-active'); 76 | } 77 | }); 78 | }); 79 | }, false); -------------------------------------------------------------------------------- /docs/release/1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | (2020-04-11) - BulmaBadge 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 |
30 | 31 | 32 | 33 |
34 |
35 | 90 |
91 | 112 | 113 |
114 |
115 |

First working version

116 |
    117 |
  • 118 | 119 | added 120 | 121 | 122 | 123 | 124 | 125 | 126 | Styles : classic & outlined
    • 127 |
  • 128 | 129 | added 130 | 131 | 132 | 133 | 134 | 135 | 136 | Multi-colors
    • 137 |
  • 138 | 139 | added 140 | 141 | 142 | 143 | 144 | 145 | 146 | Position modifiers
    • 147 |
148 | 149 |
150 |
151 |
152 |
153 |
154 | 155 | 156 | 157 | 158 | 159 | 160 | -------------------------------------------------------------------------------- /docs/release/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Releases on BulmaBadge 5 | https://demo.creativebulma.net/components/badge/1.0/release/ 6 | Recent content in Releases on BulmaBadge 7 | Hugo -- gohugo.io 8 | en-us 9 | Sat, 11 Apr 2020 10:46:47 +0200 10 | 11 | 12 | 13 | 14 | 15 | (2020-04-11) 16 | https://demo.creativebulma.net/components/badge/1.0/release/1/ 17 | Sat, 11 Apr 2020 10:46:47 +0200 18 | 19 | https://demo.creativebulma.net/components/badge/1.0/release/1/ 20 | First working version 21 | added Styles : classic &amp; outlined added Multi-colors added Position modifiers 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /docs/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | https://demo.creativebulma.net/components/badge/1.0/release/1/ 7 | 2020-04-11T10:46:47+02:00 8 | 9 | 10 | 11 | https://demo.creativebulma.net/components/badge/1.0/how-to/customize/ 12 | 2020-03-21T00:00:00+00:00 13 | 14 | 15 | 16 | https://demo.creativebulma.net/components/badge/1.0/ 17 | 2020-03-21T00:00:00+00:00 18 | 19 | 20 | 21 | https://demo.creativebulma.net/components/badge/1.0/get-started/ 22 | 2020-03-21T00:00:00+00:00 23 | 24 | 25 | 26 | https://demo.creativebulma.net/components/badge/1.0/changelog/ 27 | 2020-03-21T00:00:00+00:00 28 | 29 | 30 | 31 | https://demo.creativebulma.net/components/badge/1.0/release/ 32 | 2020-04-11T10:46:47+02:00 33 | 34 | 35 | 36 | https://demo.creativebulma.net/components/badge/1.0/how-to/ 37 | 2020-03-21T00:00:00+00:00 38 | 39 | 40 | 41 | https://demo.creativebulma.net/components/badge/1.0/categories/ 42 | 43 | 44 | 45 | https://demo.creativebulma.net/components/badge/1.0/tags/ 46 | 47 | 48 | -------------------------------------------------------------------------------- /docs/tags/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Tags on BulmaBadge 5 | https://demo.creativebulma.net/components/badge/1.0/tags/ 6 | Recent content in Tags on BulmaBadge 7 | Hugo -- gohugo.io 8 | en-us 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | const gulp = require('gulp'); 2 | const internalIp = require('internal-ip'); 3 | const package = require('./package.json'); 4 | const path = require('path'); 5 | const shell = require('gulp-shell'); 6 | 7 | /** 8 | * Template for banner to add to file headers 9 | */ 10 | var banner = { 11 | main: 12 | '/*!' + 13 | ' <%= package.name %> v<%= package.version %>' + 14 | ' | (c) ' + new Date().getFullYear() + ' <%= package.author.name %>' + 15 | ' | <%= package.license %> License' + 16 | ' | <%= package.homepage %>' + 17 | ' */\n' 18 | }; 19 | 20 | /** 21 | * ---------------------------------------- 22 | * STYLESHEETS TASKS 23 | * ---------------------------------------- 24 | */ 25 | gulp.task('styles:build', function() { 26 | const autoprefixer = require('autoprefixer'); 27 | const cleanDir = require('gulp-clean-dir'); 28 | const concat = require('gulp-concat'); 29 | const fs = require('fs'); 30 | const header = require('gulp-header'); 31 | const nop = require('gulp-nop'); 32 | const parsePath = require('parse-filepath'); 33 | const postcss = require('gulp-postcss'); 34 | const rename = require("gulp-rename"); 35 | const sass = require('gulp-sass'); 36 | 37 | distPath = parsePath(package.style); 38 | 39 | if (fs.existsSync(path.resolve(__dirname, 'src/sass/index.sass'))) { 40 | return gulp.src(['node_modules/bulma/sass/utilities/_all.sass', 'src/sass/index.sass']) 41 | .pipe(concat('app.sass')) 42 | .pipe(sass({ 43 | loadPath: [path.resolve(__dirname, 'src/sass')], 44 | includePaths: ['node_modules', 'node_modules/bulma/sass/utilities/'], 45 | outputStyle: "expanded", 46 | sourceComments: true 47 | }).on('error', sass.logError)) 48 | .pipe(postcss([ 49 | autoprefixer({ 50 | cascade: true, 51 | remove: true 52 | }) 53 | ])) 54 | .pipe(header(banner.main, {package: package})) 55 | .pipe(rename(distPath.basename.replace('.min', ''))) 56 | .pipe(cleanDir(path.resolve(__dirname, distPath.dirname))) 57 | .pipe(gulp.dest(path.resolve(__dirname, distPath.dirname))); 58 | } else { 59 | return gulp.src('.').pipe(nop()); 60 | } 61 | }); 62 | 63 | gulp.task('styles:minify', function() { 64 | const cleancss = require('gulp-cleancss'); 65 | const cssnano = require('cssnano'); 66 | const header = require('gulp-header'); 67 | const parsePath = require('parse-filepath'); 68 | const postcss = require('gulp-postcss'); 69 | const rename = require("gulp-rename"); 70 | 71 | distPath = parsePath(package.style); 72 | 73 | return gulp.src([path.resolve(__dirname, distPath.dirname + '/*.css'), '!' + path.resolve(__dirname, distPath.dirname + '/*.min.css')]) 74 | .pipe(cleancss()) 75 | .pipe(postcss([ 76 | cssnano({ 77 | discardComments: { 78 | removeAll: true 79 | } 80 | }) 81 | ])) 82 | .pipe(header(banner.main, {package: package})) 83 | .pipe(rename({ 84 | suffix: '.min' 85 | })) 86 | .pipe(gulp.dest(path.resolve(__dirname, distPath.dirname))); 87 | }); 88 | 89 | gulp.task('styles:copy', gulp.series('styles:minify', function() { 90 | const parsePath = require('parse-filepath'); 91 | 92 | distPath = parsePath(package.style); 93 | 94 | return gulp.src(path.resolve(__dirname, distPath.dirname + '/*.css')) 95 | .pipe(gulp.dest(path.resolve(__dirname, 'src/docs/static/css'))); 96 | })); 97 | 98 | /** 99 | * ---------------------------------------- 100 | * ASSETS TASKS 101 | * ---------------------------------------- 102 | */ 103 | gulp.task('images:svg:minify', function() { 104 | const svgmin = require('gulp-svgmin'); 105 | 106 | return gulp.src(path.resolve(__dirname, 'dist/images/**/*.svg')) 107 | .pipe(svgmin()) 108 | .pipe(gulp.dest(path.resolve(__dirname, 'dist/images'))); 109 | }); 110 | 111 | /** 112 | * ---------------------------------------- 113 | * BUILD TASKS 114 | * ---------------------------------------- 115 | */ 116 | gulp.task('build:styles', gulp.series('styles:build', 'styles:minify', 'styles:copy'), done => { 117 | done(); 118 | }); 119 | 120 | gulp.task('build', gulp.series('build:styles'), done => { 121 | done(); 122 | }); 123 | 124 | gulp.task('optimize', gulp.series('styles:minify', 'images:svg:minify'), done => { 125 | done(); 126 | }); 127 | 128 | gulp.task('default', gulp.series('build', 'optimize'), done => { 129 | done(); 130 | }); 131 | 132 | /** 133 | * ---------------------------------------- 134 | * DOC TASKS 135 | * ---------------------------------------- 136 | */ 137 | gulp.task('doc:build', gulp.series(shell.task(['node_modules/.bin/hugo --source src/docs --destination ../../docs --cleanDestinationDir'])), done => { 138 | done(); 139 | }); 140 | 141 | gulp.task('doc:serve', gulp.parallel(shell.task([`node_modules/.bin/hugo server -D --bind ${internalIp.v4.sync()} --baseURL ${internalIp.v4.sync()} --source src/docs --watch`]), function() { 142 | gulp.watch(path.resolve(__dirname, 'src/sass/**/*.sass'), gulp.series('build:styles')); 143 | }), done => { 144 | done(); 145 | }); 146 | 147 | gulp.task('doc', gulp.series(shell.task(['node_modules/.bin/hugo server --source src/docs'])), done => { 148 | done(); 149 | }); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@creativebulma/bulma-badge", 3 | "description": "Display a badge attached to any kind of element, in different position.", 4 | "version": "1.0.1", 5 | "homepage": "https://github.com/CreativeBulma/bulma-badge", 6 | "main": "./src/sass/index.sass", 7 | "style": "./dist/bulma-badge.css", 8 | "sass": "./src/sass/index.sass", 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/CreativeBulma/bulma-badge.git" 12 | }, 13 | "license": "MIT", 14 | "bugs": { 15 | "url": "https://github.com/CreativeBulma/bulma-badge/issues" 16 | }, 17 | "keywords": [ 18 | "badge", 19 | "ui", 20 | "component", 21 | "extension", 22 | "html", 23 | "html5", 24 | "css3", 25 | "sass", 26 | "bulma", 27 | "bulmaio", 28 | "bulma.io" 29 | ], 30 | "devDependencies": { 31 | "autoprefixer": "^9.7.4", 32 | "bulma": "^0.8", 33 | "fs": "0.0.1-security", 34 | "gulp": "^4.0.2", 35 | "gulp-cache-bust": "^1.4.1", 36 | "gulp-clean-dir": "^1.0.2", 37 | "gulp-cleancss": "^0.2.2", 38 | "gulp-concat": "^2.6.1", 39 | "gulp-cssnano": "^2.1.3", 40 | "gulp-header": "^2.0.9", 41 | "gulp-nop": "0.0.3", 42 | "gulp-postcss": "^8.0.0", 43 | "gulp-rename": "^2.0.0", 44 | "gulp-run": "^1.7.1", 45 | "gulp-sass": "^4.0.2", 46 | "gulp-shell": "^0.8.0", 47 | "gulp-svgmin": "^2.2.0", 48 | "gulp-uglify": "^3.0.2", 49 | "hugo-bin": "^0.55.1", 50 | "internal-ip": "^6.0.0", 51 | "parse-filepath": "^1.0.2", 52 | "path": "^0.12.7" 53 | }, 54 | "scripts": { 55 | "build": "gulp", 56 | "build:styles": "gulp build:styles", 57 | "demo": "gulp demo", 58 | "demo:build": "gulp demo:build", 59 | "demo:serve": "gulp demo:serve", 60 | "doc": "gulp doc", 61 | "doc:build": "gulp doc:build", 62 | "doc:serve": "gulp doc:serve", 63 | "optimize": "gulp optimize", 64 | "start": "gulp demo:serve" 65 | }, 66 | "files": [ 67 | "dist", 68 | "src", 69 | "LICENSE", 70 | "README.md" 71 | ] 72 | } 73 | -------------------------------------------------------------------------------- /src/docs/archetypes/default.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "{{ replace .Name "-" " " | title }}" 3 | date: {{ .Date }} 4 | draft: true 5 | --- 6 | 7 | -------------------------------------------------------------------------------- /src/docs/config.toml: -------------------------------------------------------------------------------- 1 | baseURL = "https://bulma-badge.netlify.app/" 2 | languageCode = "en-us" 3 | title = "BulmaBadge" 4 | theme = "creativebulma" 5 | [markup] 6 | [markup.highlight] 7 | style = "manni" 8 | 9 | [menu] 10 | 11 | [[menu.main]] 12 | identifier = "how-to" 13 | name = "How-To" 14 | url = "#" 15 | weight = 20 16 | -------------------------------------------------------------------------------- /src/docs/content/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Introduction" 3 | date: "2020-03-21" 4 | menu: "main" 5 | weight: 1 6 | draft: false 7 | --- 8 | 9 | # Introduction 10 | ## What is BulmaBadge 11 | 12 | BulmaBadge is a pure CSS {{% link text="Bulma" href="https://bulma.io" target="_blank" %}} extension which brings the ability to **easily display a badge attached to any kind of element, in different position**. 13 | 14 | ## License 15 | BulmaBadge is © 2020 by [CreativeBulma](https://github.com/CreativeBulma). 16 | 17 | BulmaBadge is distributed under [MIT](https://github.com/CreativeBulma/bulma-badge/blob/master/LICENSE) license. 18 | 19 | ## Contributing 20 | 21 | **Contribution are welcome!** 22 | 23 | You found a bug, a typo issue ? Feel free to create a PR on the [github repository](https://github.com/CreativeBulma/bulma-badge/) of this project. 24 | 25 | When contributing to this project, please first discuss the change you wish to make via issue on the [github repository](https://github.com/CreativeBulma/bulma-badge//issues), email, or any other method with the owners of this project before making a change. 26 | -------------------------------------------------------------------------------- /src/docs/content/changelog.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Changelog" 3 | date: "2020-03-21" 4 | menu: "main" 5 | weight: 100 6 | draft: false 7 | --- 8 | 9 | # Changelog 10 | 11 | {{< changelog >}} 12 | -------------------------------------------------------------------------------- /src/docs/content/get-started.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Get Started" 3 | date: "2020-03-21" 4 | menu: "main" 5 | weight: 2 6 | draft: false 7 | --- 8 | 9 | # Get started 10 | **You only need 1 CSS file to use BulmaBadge** 11 | 12 | ## Installation 13 | ### First, let's install the component! 14 | There are several ways to get started with BulmaBadge. 15 | 16 | {{< tabs tabTotal="3" tabID="1" tabName1="1. NPM" tabName2="2. CDN" tabName3="3. Github" >}} 17 | {{< tab tabNum="1" >}} 18 | Use npm to install the `bulma-badge` package **recommended** 19 | ```shell 20 | npm install @creativebulma/bulma-badge 21 | ``` 22 | {{< /tab >}} 23 | 24 | {{< tab tabNum="2" >}} 25 | Use the [jsDelivr](https://jsdelivr.com) CDN to link to the BulmaBadge stylesheet 26 | ```html 27 | https://www.jsdelivr.com/package/npm/@creativebulma/bulma-badge 28 | ``` 29 | {{< /tab >}} 30 | 31 | {{< tab tabNum="3" >}} 32 | Use the GitHub repository to get the latest development version. 33 | 34 | Download from the repository [https://github.com/CreativeBulma/bulma-badge/tree/master/dist/](https://github.com/CreativeBulma/bulma-badge/tree/master/dist/) 35 | {{< /tab >}} 36 | {{< /tabs >}} 37 | 38 | ## Usage 39 | Badges are displayed into a container on top of the element. All you have to do is to add a container with the `badge` class and with the text you want to display as value. 40 | 41 | 42 | {{% notification warning %}}Caution: Element including badge must have `position: relative` CSS rule to get it work.{{% /notification %}} 43 | 44 | ### Styles 45 | #### Default 46 | {{< preview id="default" lang="html" >}} 47 | 51 | {{< /preview >}} 52 | 53 | The badge is available in outlined style. Simply append the modifier `is-outlined` to the badge element to apply the outlined version of the badge. 54 | {{< preview id="outlined" lang="html" >}} 55 | 59 | {{< /preview >}} 60 | 61 | #### Colors 62 | 63 | {{< preview id="colors" lang="html" >}} 64 |
65 |
66 | 70 |
71 |
72 | 76 |
77 |
78 | 82 |
83 |
84 | 88 |
89 |
90 | 94 |
95 |
96 | 100 |
101 |
102 | 106 |
107 |
108 | 112 |
113 |
114 | 118 |
119 |
120 | 124 |
125 |
126 | 130 |
131 |
132 | 136 |
137 |
138 | 142 |
143 |
144 | 148 |
149 |
150 | 154 |
155 |
156 | 160 |
161 |
162 | 166 |
167 |
168 | 172 |
173 |
174 | 178 |
179 |
180 | 184 |
185 |
186 | 190 |
191 |
192 | 196 |
197 |
198 | {{< /preview >}} 199 | 200 | ### Position 201 | The badge is available in different positions (by default the badge is displayed top right from the container). 202 | 203 | To change the badge position, use the `is-top-left`, `is-top`, `is-top-right`, `is-right`, `is-bottom-right`, `is-bottom`, `is-bottom-left` or `is-left` modifier on the `.badge` container: 204 | {{< preview id="position" lang="html" >}} 205 |
206 |
207 |
208 |
209 | 213 |
214 |
215 | 219 |
220 |
221 | 225 |
226 |
227 | 231 |
232 |
233 | 237 |
238 |
239 | 243 |
244 |
245 | 249 |
250 |
251 | 255 |
256 |
257 |
258 | 259 |
260 |
261 |
262 | Badge top left 263 | Badge top center 264 | Badge top right 265 | 266 | Badge right 267 | 268 | Badge bottom 269 | right 270 | Badge bottom center 271 | Badge bottom 272 | left 273 | 274 | Badge left 275 |
276 |
277 |
278 |
279 | {{< /preview >}} 280 | -------------------------------------------------------------------------------- /src/docs/content/how-to/customize.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Customize" 3 | date: "2020-03-21" 4 | menu: 5 | main: 6 | parent: 'how-to' 7 | weight: 1 8 | weight: 1 9 | draft: false 10 | --- 11 | 12 | # How-To 13 | ## Customize 14 | This component has been designed to be easily customizable. 15 | 16 | There is 2 ways to customize it, depending on the way you integrate this component into your project. 17 | 18 | ## Sass 19 | If you use the Sass source into your project, all you have to do is to customize variables before importing the component. 20 | ```sass 21 | $badge-height: 16px 22 | 23 | @import '@creativebulma/bulma-badge' 24 | ``` 25 | 26 | ### Variables 27 | {{< variables >}} 28 | 29 | ## CSS 30 | If you uses the CSS version you have to customize Sass source files then rebuild the CSS file. 31 | 32 | ### First, let's install some packages! 33 | 34 | ```shell 35 | npm install 36 | ``` 37 | This command will install all development required package. 38 | 39 | ### Customize 40 | Customize Sass variables defined within `src/sass/index.sass` file. 41 | 42 | ### Build 43 | You can build CSS files by launching the build process with the command: 44 | ```shell 45 | npm run build 46 | ``` 47 | Styles are built using `node-sass` from `src/sass` directory and minify them. 48 | Built files will be copied into `/dist` directory (can be customized within package.json). 49 | -------------------------------------------------------------------------------- /src/docs/content/release/1.md: -------------------------------------------------------------------------------- 1 | --- 2 | type: "changelog" 3 | title: "(2020-04-11)" 4 | date: 2020-04-11T10:46:47+02:00 5 | weight: 1 6 | version: v1.0.0 7 | draft: false 8 | --- 9 | 10 | **First working version** 11 | - {{< tag added >}} Styles : classic & outlined 12 | - {{< tag added >}} Multi-colors 13 | - {{< tag added >}} Position modifiers 14 | -------------------------------------------------------------------------------- /src/docs/data/social.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "github", 4 | "title" : "Github repository", 5 | "url": "https://github.com/CreativeBulma/bulma-badge" 6 | }, 7 | { 8 | "name": "twitter", 9 | "title" : "Follow us on Twitter", 10 | "url": "https://twitter.com/CreativeBulma" 11 | } 12 | ] 13 | -------------------------------------------------------------------------------- /src/docs/data/variables.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "$badge-font-size", 4 | "description": "", 5 | "value": ".65rem" 6 | }, 7 | { 8 | "name": "$badge-height", 9 | "description": "", 10 | "value": "14px" 11 | }, 12 | { 13 | "name": "$badge-padding", 14 | "description": "", 15 | "value": ".05rem .15rem" 16 | }, 17 | { 18 | "name": "$badge-shadow", 19 | "description": "", 20 | "value": "0 0 0 2px $scheme-main" 21 | } 22 | ] 23 | -------------------------------------------------------------------------------- /src/docs/layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ block "meta_tags" . }}{{end}} 11 | 12 | {{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }} 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | {{ block "header_css" . }}{{ end }} 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /src/docs/static/css/bulma-badge.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-badge v1.0.1 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-badge */ 2 | @-webkit-keyframes spinAround { 3 | from { 4 | transform: rotate(0deg); 5 | } 6 | to { 7 | transform: rotate(359deg); 8 | } 9 | } 10 | 11 | @keyframes spinAround { 12 | from { 13 | transform: rotate(0deg); 14 | } 15 | to { 16 | transform: rotate(359deg); 17 | } 18 | } 19 | 20 | /* line 72, src/sass/app.sass */ 21 | .badge { 22 | background-color: #00d1b2; 23 | border: 2px solid transparent; 24 | border-radius: 14px; 25 | box-shadow: 0 0 0 2px white; 26 | color: white; 27 | font-size: 0.65rem; 28 | height: 14px; 29 | line-height: calc(7px + 1px); 30 | min-width: 14px; 31 | overflow: hidden; 32 | padding: 0.05rem 0.15rem; 33 | position: absolute; 34 | right: 0; 35 | text-overflow: ellipsis; 36 | top: 0; 37 | transform: translate(50%, -50%); 38 | white-space: nowrap; 39 | } 40 | 41 | /* line 91, src/sass/app.sass */ 42 | .badge.is-outlined { 43 | background-color: white; 44 | border-color: #00d1b2; 45 | color: #00d1b2; 46 | } 47 | 48 | /* line 16, src/sass/app.sass */ 49 | .badge.is-left { 50 | bottom: 0; 51 | left: 0; 52 | right: auto; 53 | top: 50%; 54 | transform: translate(-50%, -50%); 55 | } 56 | 57 | /* line 23, src/sass/app.sass */ 58 | .badge.is-right { 59 | bottom: auto; 60 | left: auto; 61 | right: 0; 62 | top: 50%; 63 | transform: translate(50%, -50%); 64 | } 65 | 66 | /* line 30, src/sass/app.sass */ 67 | .badge.is-top { 68 | bottom: auto; 69 | left: 50%; 70 | right: auto; 71 | top: 0; 72 | transform: translate(-50%, -50%); 73 | } 74 | 75 | /* line 37, src/sass/app.sass */ 76 | .badge.is-top-left { 77 | bottom: auto; 78 | left: 0; 79 | right: auto; 80 | top: 0; 81 | transform: translate(-50%, -50%); 82 | } 83 | 84 | /* line 44, src/sass/app.sass */ 85 | .badge.is-top-right { 86 | bottom: auto; 87 | left: auto; 88 | right: 0; 89 | top: 0; 90 | transform: translate(50%, -50%); 91 | } 92 | 93 | /* line 51, src/sass/app.sass */ 94 | .badge.is-bottom { 95 | bottom: 0; 96 | left: 50%; 97 | right: auto; 98 | top: auto; 99 | transform: translate(-50%, 50%); 100 | } 101 | 102 | /* line 58, src/sass/app.sass */ 103 | .badge.is-bottom-left { 104 | bottom: 0; 105 | left: 0; 106 | right: auto; 107 | top: auto; 108 | transform: translate(-50%, 50%); 109 | } 110 | 111 | /* line 65, src/sass/app.sass */ 112 | .badge.is-bottom-right { 113 | bottom: 0; 114 | left: auto; 115 | right: 0; 116 | top: auto; 117 | transform: translate(50%, 50%); 118 | } 119 | 120 | /* line 103, src/sass/app.sass */ 121 | .badge.is-white:not(.is-outlined) { 122 | background-color: white; 123 | color: #0a0a0a; 124 | } 125 | 126 | /* line 107, src/sass/app.sass */ 127 | .badge.is-white.is-outlined { 128 | border-color: white; 129 | color: white; 130 | } 131 | 132 | /* line 103, src/sass/app.sass */ 133 | .badge.is-black:not(.is-outlined) { 134 | background-color: #0a0a0a; 135 | color: white; 136 | } 137 | 138 | /* line 107, src/sass/app.sass */ 139 | .badge.is-black.is-outlined { 140 | border-color: #0a0a0a; 141 | color: #0a0a0a; 142 | } 143 | 144 | /* line 103, src/sass/app.sass */ 145 | .badge.is-light:not(.is-outlined) { 146 | background-color: whitesmoke; 147 | color: rgba(0, 0, 0, 0.7); 148 | } 149 | 150 | /* line 107, src/sass/app.sass */ 151 | .badge.is-light.is-outlined { 152 | border-color: whitesmoke; 153 | color: whitesmoke; 154 | } 155 | 156 | /* line 103, src/sass/app.sass */ 157 | .badge.is-dark:not(.is-outlined) { 158 | background-color: #363636; 159 | color: #fff; 160 | } 161 | 162 | /* line 107, src/sass/app.sass */ 163 | .badge.is-dark.is-outlined { 164 | border-color: #363636; 165 | color: #363636; 166 | } 167 | 168 | /* line 103, src/sass/app.sass */ 169 | .badge.is-primary:not(.is-outlined) { 170 | background-color: #00d1b2; 171 | color: #fff; 172 | } 173 | 174 | /* line 107, src/sass/app.sass */ 175 | .badge.is-primary.is-outlined { 176 | border-color: #00d1b2; 177 | color: #00d1b2; 178 | } 179 | 180 | /* line 115, src/sass/app.sass */ 181 | .badge.is-primary.is-light { 182 | color: #00947e; 183 | } 184 | 185 | /* line 117, src/sass/app.sass */ 186 | .badge.is-primary.is-light:not(.is-outlined) { 187 | background-color: #ebfffc; 188 | } 189 | 190 | /* line 119, src/sass/app.sass */ 191 | .badge.is-primary.is-light.is-outlined { 192 | border-color: #00d1b2; 193 | } 194 | 195 | /* line 103, src/sass/app.sass */ 196 | .badge.is-link:not(.is-outlined) { 197 | background-color: #3273dc; 198 | color: #fff; 199 | } 200 | 201 | /* line 107, src/sass/app.sass */ 202 | .badge.is-link.is-outlined { 203 | border-color: #3273dc; 204 | color: #3273dc; 205 | } 206 | 207 | /* line 115, src/sass/app.sass */ 208 | .badge.is-link.is-light { 209 | color: #2160c4; 210 | } 211 | 212 | /* line 117, src/sass/app.sass */ 213 | .badge.is-link.is-light:not(.is-outlined) { 214 | background-color: #eef3fc; 215 | } 216 | 217 | /* line 119, src/sass/app.sass */ 218 | .badge.is-link.is-light.is-outlined { 219 | border-color: #3273dc; 220 | } 221 | 222 | /* line 103, src/sass/app.sass */ 223 | .badge.is-info:not(.is-outlined) { 224 | background-color: #3298dc; 225 | color: #fff; 226 | } 227 | 228 | /* line 107, src/sass/app.sass */ 229 | .badge.is-info.is-outlined { 230 | border-color: #3298dc; 231 | color: #3298dc; 232 | } 233 | 234 | /* line 115, src/sass/app.sass */ 235 | .badge.is-info.is-light { 236 | color: #1d72aa; 237 | } 238 | 239 | /* line 117, src/sass/app.sass */ 240 | .badge.is-info.is-light:not(.is-outlined) { 241 | background-color: #eef6fc; 242 | } 243 | 244 | /* line 119, src/sass/app.sass */ 245 | .badge.is-info.is-light.is-outlined { 246 | border-color: #3298dc; 247 | } 248 | 249 | /* line 103, src/sass/app.sass */ 250 | .badge.is-success:not(.is-outlined) { 251 | background-color: #48c774; 252 | color: #fff; 253 | } 254 | 255 | /* line 107, src/sass/app.sass */ 256 | .badge.is-success.is-outlined { 257 | border-color: #48c774; 258 | color: #48c774; 259 | } 260 | 261 | /* line 115, src/sass/app.sass */ 262 | .badge.is-success.is-light { 263 | color: #257942; 264 | } 265 | 266 | /* line 117, src/sass/app.sass */ 267 | .badge.is-success.is-light:not(.is-outlined) { 268 | background-color: #effaf3; 269 | } 270 | 271 | /* line 119, src/sass/app.sass */ 272 | .badge.is-success.is-light.is-outlined { 273 | border-color: #48c774; 274 | } 275 | 276 | /* line 103, src/sass/app.sass */ 277 | .badge.is-warning:not(.is-outlined) { 278 | background-color: #ffdd57; 279 | color: rgba(0, 0, 0, 0.7); 280 | } 281 | 282 | /* line 107, src/sass/app.sass */ 283 | .badge.is-warning.is-outlined { 284 | border-color: #ffdd57; 285 | color: #ffdd57; 286 | } 287 | 288 | /* line 115, src/sass/app.sass */ 289 | .badge.is-warning.is-light { 290 | color: #947600; 291 | } 292 | 293 | /* line 117, src/sass/app.sass */ 294 | .badge.is-warning.is-light:not(.is-outlined) { 295 | background-color: #fffbeb; 296 | } 297 | 298 | /* line 119, src/sass/app.sass */ 299 | .badge.is-warning.is-light.is-outlined { 300 | border-color: #ffdd57; 301 | } 302 | 303 | /* line 103, src/sass/app.sass */ 304 | .badge.is-danger:not(.is-outlined) { 305 | background-color: #f14668; 306 | color: #fff; 307 | } 308 | 309 | /* line 107, src/sass/app.sass */ 310 | .badge.is-danger.is-outlined { 311 | border-color: #f14668; 312 | color: #f14668; 313 | } 314 | 315 | /* line 115, src/sass/app.sass */ 316 | .badge.is-danger.is-light { 317 | color: #cc0f35; 318 | } 319 | 320 | /* line 117, src/sass/app.sass */ 321 | .badge.is-danger.is-light:not(.is-outlined) { 322 | background-color: #feecf0; 323 | } 324 | 325 | /* line 119, src/sass/app.sass */ 326 | .badge.is-danger.is-light.is-outlined { 327 | border-color: #f14668; 328 | } 329 | 330 | /* line 124, src/sass/app.sass */ 331 | .tabs li { 332 | position: relative; 333 | } 334 | -------------------------------------------------------------------------------- /src/docs/static/css/bulma-badge.min.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-badge v1.0.1 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-badge */ 2 | .badge{background-color:#00d1b2;border:2px solid transparent;border-radius:14px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:.65rem;height:14px;line-height:8px;min-width:14px;overflow:hidden;padding:.05rem .15rem;position:absolute;right:0;text-overflow:ellipsis;top:0;transform:translate(50%,-50%);white-space:nowrap}.badge.is-outlined{background-color:#fff;border-color:#00d1b2;color:#00d1b2}.badge.is-left{bottom:0;left:0;right:auto;top:50%;transform:translate(-50%,-50%)}.badge.is-right{bottom:auto;left:auto;right:0;top:50%;transform:translate(50%,-50%)}.badge.is-top{left:50%}.badge.is-top,.badge.is-top-left{bottom:auto;right:auto;top:0;transform:translate(-50%,-50%)}.badge.is-top-left{left:0}.badge.is-top-right{bottom:auto;left:auto;right:0;top:0;transform:translate(50%,-50%)}.badge.is-bottom{left:50%}.badge.is-bottom,.badge.is-bottom-left{bottom:0;right:auto;top:auto;transform:translate(-50%,50%)}.badge.is-bottom-left{left:0}.badge.is-bottom-right{bottom:0;left:auto;right:0;top:auto;transform:translate(50%,50%)}.badge.is-white:not(.is-outlined){background-color:#fff;color:#0a0a0a}.badge.is-white.is-outlined{border-color:#fff;color:#fff}.badge.is-black:not(.is-outlined){background-color:#0a0a0a;color:#fff}.badge.is-black.is-outlined{border-color:#0a0a0a;color:#0a0a0a}.badge.is-light:not(.is-outlined){background-color:#f5f5f5;color:rgba(0,0,0,.7)}.badge.is-light.is-outlined{border-color:#f5f5f5;color:#f5f5f5}.badge.is-dark:not(.is-outlined){background-color:#363636;color:#fff}.badge.is-dark.is-outlined{border-color:#363636;color:#363636}.badge.is-primary:not(.is-outlined){background-color:#00d1b2;color:#fff}.badge.is-primary.is-outlined{border-color:#00d1b2;color:#00d1b2}.badge.is-primary.is-light{color:#00947e}.badge.is-primary.is-light:not(.is-outlined){background-color:#ebfffc}.badge.is-primary.is-light.is-outlined{border-color:#00d1b2}.badge.is-link:not(.is-outlined){background-color:#3273dc;color:#fff}.badge.is-link.is-outlined{border-color:#3273dc;color:#3273dc}.badge.is-link.is-light{color:#2160c4}.badge.is-link.is-light:not(.is-outlined){background-color:#eef3fc}.badge.is-link.is-light.is-outlined{border-color:#3273dc}.badge.is-info:not(.is-outlined){background-color:#3298dc;color:#fff}.badge.is-info.is-outlined{border-color:#3298dc;color:#3298dc}.badge.is-info.is-light{color:#1d72aa}.badge.is-info.is-light:not(.is-outlined){background-color:#eef6fc}.badge.is-info.is-light.is-outlined{border-color:#3298dc}.badge.is-success:not(.is-outlined){background-color:#48c774;color:#fff}.badge.is-success.is-outlined{border-color:#48c774;color:#48c774}.badge.is-success.is-light{color:#257942}.badge.is-success.is-light:not(.is-outlined){background-color:#effaf3}.badge.is-success.is-light.is-outlined{border-color:#48c774}.badge.is-warning:not(.is-outlined){background-color:#ffdd57;color:rgba(0,0,0,.7)}.badge.is-warning.is-outlined{border-color:#ffdd57;color:#ffdd57}.badge.is-warning.is-light{color:#947600}.badge.is-warning.is-light:not(.is-outlined){background-color:#fffbeb}.badge.is-warning.is-light.is-outlined{border-color:#ffdd57}.badge.is-danger:not(.is-outlined){background-color:#f14668;color:#fff}.badge.is-danger.is-outlined{border-color:#f14668;color:#f14668}.badge.is-danger.is-light{color:#cc0f35}.badge.is-danger.is-light:not(.is-outlined){background-color:#feecf0}.badge.is-danger.is-light.is-outlined{border-color:#f14668}.tabs li{position:relative} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2020 YOUR_NAME_HERE 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | 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, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/archetypes/changelog.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "({{ now.Format "2006-01-02" }})" 3 | subtitle: created on {{ now.Format "2006-01-02" }} 4 | date: {{ .Date }} 5 | weight: 6 | version: 7 | draft: true 8 | --- 9 | 10 | 11 | - {{< tag added >}} New functionality 12 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/archetypes/default.md: -------------------------------------------------------------------------------- 1 | +++ 2 | +++ 3 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ block "meta_tags" . }}{{end}} 11 | 12 | {{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }} 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |

Page not found

25 |

26 | 27 |

28 |
29 |
30 |
31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/_default/baseof.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{- partial "head.html" . -}} 4 | 5 | {{- partial "header.html" . -}} 6 |
7 | {{- block "main" . }}{{- end }} 8 |
9 | {{- partial "footer.html" . -}} 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/_default/list.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CreativeBulma/bulma-badge/4fb8181733f5c000a49d8e26a540d8d3fdfb998a/src/docs/themes/creativebulma/layouts/_default/list.html -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "head" . }} 2 |
3 | 4 |
5 | 6 | 7 | 8 |
9 |
10 | 13 |
14 | {{ partial "navbar" . }} 15 | 16 |
17 |
18 | {{ .Content }} 19 |
20 |
21 |
22 |
23 |
24 | 25 | {{ partial "footer" . }} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ partial "head" . }} 2 |
3 | 4 |
5 | 6 | 7 | 8 |
9 |
10 | 13 |
14 | {{ partial "navbar" . }} 15 | 16 |
17 |
18 | {{ .Content }} 19 |
20 |
21 |
22 |
23 |
24 | {{ partial "footer" . }} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ block "footer_js" . }}{{ end }} 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ block "meta_tags" . }}{{end}} 11 | 12 | {{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }} 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | {{ block "header_css" . }}{{ end }} 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/partials/header.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CreativeBulma/bulma-badge/4fb8181733f5c000a49d8e26a540d8d3fdfb998a/src/docs/themes/creativebulma/layouts/partials/header.html -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/partials/menu.html: -------------------------------------------------------------------------------- 1 | 2 | {{ .Site.Title }} 3 | docs 4 | 5 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/partials/navbar.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/button.html: -------------------------------------------------------------------------------- 1 | {{ $_hugo_config := `{ "version": 1 }` }} 2 | {{ $ref := "" }} 3 | {{ $target := "" }} 4 | {{ with .Get "href" }} 5 | {{ $ref = . }} 6 | {{ $target = "_blank" }} 7 | {{ end }} 8 | {{ with .Get "relref" }} 9 | {{ $ref = relref $ . }} 10 | {{ end }} 11 | 12 | {{ $icon := .Get "icon" }} 13 | {{ if ($icon) }} 14 | 15 | {{ end }} 16 | {{ .Inner }} 17 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/changelog.html: -------------------------------------------------------------------------------- 1 | {{ range where .Site.RegularPages.ByDate.Reverse "Section" "release" }} 2 |
3 |
4 |

5 | {{ .Params.Version }} {{ .Title }} 6 |

7 | {{ .Params.Subtitle }} 8 |
9 | {{ .Content }} 10 |
11 |
12 |
13 | {{ end }} 14 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/link.html: -------------------------------------------------------------------------------- 1 | {{ $_hugo_config := `{ "version": 1 }` }} 2 | {{ $ref := "" }} 3 | {{ $target := "" }} 4 | {{ with .Get "href" }} 5 | {{ $ref = . }} 6 | {{ end }} 7 | {{ with .Get "target" }} 8 | {{ $target = . }} 9 | {{ end }} 10 | {{ with .Get "relref" }} 11 | {{ $ref = relref $ . }} 12 | {{ end }} 13 | {{ with .Get "text" }}{{ . }}{{ end }} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/notification.html: -------------------------------------------------------------------------------- 1 | {{ $_hugo_config := `{ "version": 1 }` }} 2 |
{{ .Inner }}
-------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/preview.html: -------------------------------------------------------------------------------- 1 | {{ $previewID := $.Get "id" }} 2 | {{ $lang := "html" }} 3 | {{ with .Get "lang" }} 4 | {{ $lang = . }} 5 | {{ end }} 6 | {{ $options := "" }} 7 | {{ with .Get "options" }} 8 | {{ $options = . }} 9 | {{ end }} 10 |
11 |
12 |
    13 | 16 | 17 |
  • 18 | Code 19 |
    • 20 | 21 |
22 |
23 |
24 |
25 | {{ $.Inner }} 26 |
27 |
28 | {{ highlight $.Inner $lang $options }} 29 |
30 |
31 |
-------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/tab.html: -------------------------------------------------------------------------------- 1 | {{ $tab := .Get "tabNum" }} 2 | {{ $tabID := print (.Parent.Get "tabID") $tab }} 3 | {{ $tabName := (print "tabName" $tab) }} 4 | 5 | {{ if eq $tab "1" }} 6 |
7 | {{ $.Inner | markdownify }} 8 |
9 | 10 | {{ else }} 11 | 12 |
13 | {{ $.Inner | markdownify }} 14 |
15 | 16 | {{ end }} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/tabs.html: -------------------------------------------------------------------------------- 1 |
2 | 21 |
22 |
23 | {{ .Inner }} 24 |
-------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/tag.html: -------------------------------------------------------------------------------- 1 | {{ $type := .Get 0 }} 2 | {{ with eq $type "added" }} 3 | {{ $type }} 4 | {{ end }} 5 | {{ with eq $type "changed" }} 6 | {{ $type }} 7 | {{ end }} 8 | {{ with eq $type "fixed" }} 9 | {{ $type }} 10 | {{ end }} 11 | {{ with eq $type "performance" }} 12 | {{ $type }} 13 | {{ end }} 14 | {{ with eq $type "security" }} 15 | {{ $type }} 16 | {{ end }} 17 | {{ with eq $type "removed" }} 18 | {{ $type }} 19 | {{ end }} 20 | {{ with eq $type "deprecated" }} 21 | {{ $type }} 22 | {{ end }} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/layouts/shortcodes/variables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | {{ range .Site.Data.variables }} 11 | 12 | 13 | 14 | 15 | 16 | {{ end }} 17 | 18 |
Variable nameDescriptionDefault value
{{ .name }}{{ .description }}{{ .value }}
-------------------------------------------------------------------------------- /src/docs/themes/creativebulma/static/css/bulma-tooltip.min.css: -------------------------------------------------------------------------------- 1 | /*! @creativebulma/bulma-tooltip v1.0.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tooltip */ 2 | [data-tooltip]:not(.is-disabled),[data-tooltip]:not(.is-loading),[data-tooltip]:not([disabled]){cursor:pointer;overflow:visible;position:relative}[data-tooltip]:not(.is-disabled):before,[data-tooltip]:not(.is-loading):before,[data-tooltip]:not([disabled]):before{background:rgba(74,74,74,.9);border-radius:2px;content:attr(data-tooltip);padding:.5rem 1rem;text-overflow:ellipsis;white-space:pre;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}[data-tooltip]:not(.is-disabled).has-tooltip-arrow:after,[data-tooltip]:not(.is-disabled):before,[data-tooltip]:not(.is-loading).has-tooltip-arrow:after,[data-tooltip]:not(.is-loading):before,[data-tooltip]:not([disabled]).has-tooltip-arrow:after,[data-tooltip]:not([disabled]):before{box-sizing:border-box;color:#fff;display:inline-block;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;z-index:1}[data-tooltip]:not(.is-disabled).has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-arrow:after{content:"";border-style:solid;border-width:6px;border-color:rgba(74,74,74,.9) transparent transparent;margin-bottom:-5px}[data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip]:not(.is-disabled).has-tooltip-bottom:before,[data-tooltip]:not(.is-loading).has-tooltip-bottom:before,[data-tooltip]:not([disabled]).has-tooltip-bottom:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}[data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip]:not(.is-disabled).has-tooltip-left:before,[data-tooltip]:not(.is-loading).has-tooltip-left:before,[data-tooltip]:not([disabled]).has-tooltip-left:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}[data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow:after,[data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow:after,[data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip]:not(.is-disabled).has-tooltip-right:before,[data-tooltip]:not(.is-loading).has-tooltip-right:before,[data-tooltip]:not([disabled]).has-tooltip-right:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}[data-tooltip]:not(.is-disabled).has-tooltip-multiline:before,[data-tooltip]:not(.is-loading).has-tooltip-multiline:before,[data-tooltip]:not([disabled]).has-tooltip-multiline:before{height:auto;width:15rem;max-width:15rem;text-overflow:clip;white-space:normal;word-break:keep-all}[data-tooltip]:not(.is-disabled).has-tooltip-white:after,[data-tooltip]:not(.is-loading).has-tooltip-white:after,[data-tooltip]:not([disabled]).has-tooltip-white:after{border-color:hsla(0,0%,100%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom:after{border-color:transparent transparent hsla(0,0%,100%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left:after{border-color:transparent transparent transparent hsla(0,0%,100%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right:after{border-color:transparent hsla(0,0%,100%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-white:before,[data-tooltip]:not(.is-loading).has-tooltip-white:before,[data-tooltip]:not([disabled]).has-tooltip-white:before{background-color:hsla(0,0%,100%,.9);color:#0a0a0a}[data-tooltip]:not(.is-disabled).has-tooltip-black:after,[data-tooltip]:not(.is-loading).has-tooltip-black:after,[data-tooltip]:not([disabled]).has-tooltip-black:after{border-color:hsla(0,0%,4%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom:after{border-color:transparent transparent hsla(0,0%,4%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left:after{border-color:transparent transparent transparent hsla(0,0%,4%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right:after{border-color:transparent hsla(0,0%,4%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-black:before,[data-tooltip]:not(.is-loading).has-tooltip-black:before,[data-tooltip]:not([disabled]).has-tooltip-black:before{background-color:hsla(0,0%,4%,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-light:after,[data-tooltip]:not(.is-loading).has-tooltip-light:after,[data-tooltip]:not([disabled]).has-tooltip-light:after{border-color:hsla(0,0%,96%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom:after{border-color:transparent transparent hsla(0,0%,96%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left:after{border-color:transparent transparent transparent hsla(0,0%,96%,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right:after{border-color:transparent hsla(0,0%,96%,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-light:before,[data-tooltip]:not(.is-loading).has-tooltip-light:before,[data-tooltip]:not([disabled]).has-tooltip-light:before{background-color:hsla(0,0%,96%,.9);color:rgba(0,0,0,.7)}[data-tooltip]:not(.is-disabled).has-tooltip-dark:after,[data-tooltip]:not(.is-loading).has-tooltip-dark:after,[data-tooltip]:not([disabled]).has-tooltip-dark:after{border-color:rgba(54,54,54,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom:after{border-color:transparent transparent rgba(54,54,54,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left:after{border-color:transparent transparent transparent rgba(54,54,54,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right:after{border-color:transparent rgba(54,54,54,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-dark:before,[data-tooltip]:not(.is-loading).has-tooltip-dark:before,[data-tooltip]:not([disabled]).has-tooltip-dark:before{background-color:rgba(54,54,54,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-primary:after,[data-tooltip]:not(.is-loading).has-tooltip-primary:after,[data-tooltip]:not([disabled]).has-tooltip-primary:after{border-color:rgba(0,209,178,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom:after{border-color:transparent transparent rgba(0,209,178,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left:after{border-color:transparent transparent transparent rgba(0,209,178,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right:after{border-color:transparent rgba(0,209,178,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-primary:before,[data-tooltip]:not(.is-loading).has-tooltip-primary:before,[data-tooltip]:not([disabled]).has-tooltip-primary:before{background-color:rgba(0,209,178,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-link:after,[data-tooltip]:not(.is-loading).has-tooltip-link:after,[data-tooltip]:not([disabled]).has-tooltip-link:after{border-color:rgba(50,115,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom:after{border-color:transparent transparent rgba(50,115,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left:after{border-color:transparent transparent transparent rgba(50,115,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right:after{border-color:transparent rgba(50,115,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-link:before,[data-tooltip]:not(.is-loading).has-tooltip-link:before,[data-tooltip]:not([disabled]).has-tooltip-link:before{background-color:rgba(50,115,220,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-info:after,[data-tooltip]:not(.is-loading).has-tooltip-info:after,[data-tooltip]:not([disabled]).has-tooltip-info:after{border-color:rgba(50,152,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom:after{border-color:transparent transparent rgba(50,152,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left:after{border-color:transparent transparent transparent rgba(50,152,220,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right:after{border-color:transparent rgba(50,152,220,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-info:before,[data-tooltip]:not(.is-loading).has-tooltip-info:before,[data-tooltip]:not([disabled]).has-tooltip-info:before{background-color:rgba(50,152,220,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-success:after,[data-tooltip]:not(.is-loading).has-tooltip-success:after,[data-tooltip]:not([disabled]).has-tooltip-success:after{border-color:rgba(72,199,116,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom:after{border-color:transparent transparent rgba(72,199,116,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left:after{border-color:transparent transparent transparent rgba(72,199,116,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right:after{border-color:transparent rgba(72,199,116,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-success:before,[data-tooltip]:not(.is-loading).has-tooltip-success:before,[data-tooltip]:not([disabled]).has-tooltip-success:before{background-color:rgba(72,199,116,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-warning:after,[data-tooltip]:not(.is-loading).has-tooltip-warning:after,[data-tooltip]:not([disabled]).has-tooltip-warning:after{border-color:rgba(255,221,87,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom:after{border-color:transparent transparent rgba(255,221,87,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left:after{border-color:transparent transparent transparent rgba(255,221,87,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right:after{border-color:transparent rgba(255,221,87,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-warning:before,[data-tooltip]:not(.is-loading).has-tooltip-warning:before,[data-tooltip]:not([disabled]).has-tooltip-warning:before{background-color:rgba(255,221,87,.9);color:rgba(0,0,0,.7)}[data-tooltip]:not(.is-disabled).has-tooltip-danger:after,[data-tooltip]:not(.is-loading).has-tooltip-danger:after,[data-tooltip]:not([disabled]).has-tooltip-danger:after{border-color:rgba(241,70,104,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom:after,[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom:after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom:after{border-color:transparent transparent rgba(241,70,104,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left:after,[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left:after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left:after{border-color:transparent transparent transparent rgba(241,70,104,.9)!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right:after,[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right:after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right:after{border-color:transparent rgba(241,70,104,.9) transparent transparent!important}[data-tooltip]:not(.is-disabled).has-tooltip-danger:before,[data-tooltip]:not(.is-loading).has-tooltip-danger:before,[data-tooltip]:not([disabled]).has-tooltip-danger:before{background-color:rgba(241,70,104,.9);color:#fff}[data-tooltip]:not(.is-disabled).has-tooltip-active:after,[data-tooltip]:not(.is-disabled).has-tooltip-active:before,[data-tooltip]:not(.is-disabled):focus:after,[data-tooltip]:not(.is-disabled):focus:before,[data-tooltip]:not(.is-disabled):hover:after,[data-tooltip]:not(.is-disabled):hover:before,[data-tooltip]:not(.is-loading).has-tooltip-active:after,[data-tooltip]:not(.is-loading).has-tooltip-active:before,[data-tooltip]:not(.is-loading):focus:after,[data-tooltip]:not(.is-loading):focus:before,[data-tooltip]:not(.is-loading):hover:after,[data-tooltip]:not(.is-loading):hover:before,[data-tooltip]:not([disabled]).has-tooltip-active:after,[data-tooltip]:not([disabled]).has-tooltip-active:before,[data-tooltip]:not([disabled]):focus:after,[data-tooltip]:not([disabled]):focus:before,[data-tooltip]:not([disabled]):hover:after,[data-tooltip]:not([disabled]):hover:before{opacity:1;visibility:visible}[data-tooltip]:not(.is-disabled).has-tooltip-fade:after,[data-tooltip]:not(.is-disabled).has-tooltip-fade:before,[data-tooltip]:not(.is-loading).has-tooltip-fade:after,[data-tooltip]:not(.is-loading).has-tooltip-fade:before,[data-tooltip]:not([disabled]).has-tooltip-fade:after,[data-tooltip]:not([disabled]).has-tooltip-fade:before{transition:opacity .3s linear,visibility .3s linear}@media screen and (max-width:768px){[data-tooltip].has-tooltip-top-mobile.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-mobile:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-top-tablet.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-tablet:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-top-tablet-only.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-tablet-only:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-top-touch.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-touch:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-top-desktop.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-desktop:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-top-desktop-only.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-desktop-only:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-top-until-widescreen.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-until-widescreen:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-top-widescreen.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-widescreen:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-top-widescreen-only.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-widescreen-only:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-top-until-fullhd.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-until-fullhd:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-top-fullhd.has-tooltip-arrow:after{top:0;right:auto;bottom:auto;left:50%;margin:-5px auto auto -5px;border-color:rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-top-fullhd:before{right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%,-100%)}}@media screen and (max-width:768px){[data-tooltip].has-tooltip-right-mobile.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-mobile:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-right-tablet.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-tablet:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-right-tablet-only.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-tablet-only:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-right-touch.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-touch:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-right-desktop.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-desktop:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-right-desktop-only.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-desktop-only:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-right-until-widescreen.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-until-widescreen:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-right-widescreen.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-widescreen:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-right-widescreen-only.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-widescreen-only:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-right-until-fullhd.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-until-fullhd:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-right-fullhd.has-tooltip-arrow:after{top:auto;right:0;bottom:50%;left:auto;margin:auto -6px -6px auto;border-color:transparent rgba(74,74,74,.9) transparent transparent}[data-tooltip].has-tooltip-right-fullhd:before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%,50%)}}@media screen and (max-width:768px){[data-tooltip].has-tooltip-bottom-mobile.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-mobile:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-bottom-tablet.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-tablet:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-bottom-tablet-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-tablet-only:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-bottom-touch.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-touch:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-bottom-desktop.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-desktop:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-bottom-desktop-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-desktop-only:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-bottom-until-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-until-widescreen:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-bottom-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-widescreen:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-bottom-widescreen-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-widescreen-only:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-bottom-until-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-until-fullhd:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-bottom-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:0;left:50%;margin:auto auto -5px -5px;border-color:transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-bottom-fullhd:before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%,100%)}}@media screen and (max-width:768px){[data-tooltip].has-tooltip-left-mobile.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-mobile:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media print,screen and (min-width:769px){[data-tooltip].has-tooltip-left-tablet.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-tablet:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:769px) and (max-width:1023px){[data-tooltip].has-tooltip-left-tablet-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-tablet-only:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (max-width:1023px){[data-tooltip].has-tooltip-left-touch.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-touch:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1024px){[data-tooltip].has-tooltip-left-desktop.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-desktop:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1024px) and (max-width:1215px){[data-tooltip].has-tooltip-left-desktop-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-desktop-only:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (max-width:1215px){[data-tooltip].has-tooltip-left-until-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-until-widescreen:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1216px){[data-tooltip].has-tooltip-left-widescreen.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-widescreen:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1216px) and (max-width:1407px){[data-tooltip].has-tooltip-left-widescreen-only.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-widescreen-only:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (max-width:1407px){[data-tooltip].has-tooltip-left-until-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-until-fullhd:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}@media screen and (min-width:1408px){[data-tooltip].has-tooltip-left-fullhd.has-tooltip-arrow:after{top:auto;right:auto;bottom:50%;left:0;margin:auto auto -6px -5px;border-color:transparent transparent transparent rgba(74,74,74,.9)}[data-tooltip].has-tooltip-left-fullhd:before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%,50%)}}span[data-tooltip]{border-bottom:1px dashed #dbdbdb}span[data-tooltip].has-tooltip-white{border-bottom-color:#fff}span[data-tooltip].has-tooltip-black{border-bottom-color:#171717}span[data-tooltip].has-tooltip-light{border-bottom-color:#fff}span[data-tooltip].has-tooltip-dark{border-bottom-color:#424242}span[data-tooltip].has-tooltip-primary{border-bottom-color:#00ebc7}span[data-tooltip].has-tooltip-link{border-bottom-color:#4882e0}span[data-tooltip].has-tooltip-info{border-bottom-color:#48a3e0}span[data-tooltip].has-tooltip-success{border-bottom-color:#5bcd83}span[data-tooltip].has-tooltip-warning{border-bottom-color:#ffe270}span[data-tooltip].has-tooltip-danger{border-bottom-color:#f35e7c}.control span[data-tooltip]{border-bottom:none} -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/static/css/docs.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-size: 15px; 3 | font-weight: 400; 4 | } 5 | html, 6 | body, 7 | .is-fullheight { 8 | height: 100%; 9 | min-height: 100%; 10 | overflow-y: auto; 11 | } 12 | body { 13 | background-color: #fff; 14 | color: #5a6270 !important; 15 | font-family: Source Sans Pro,sans-serif; 16 | } 17 | .is-fullheight .navbar + .is-fullheight { 18 | height: calc(100% - 3.25rem); 19 | min-height: calc(100% - 3.25rem); 20 | } 21 | .brand { 22 | line-height: 1.5; 23 | padding: .5rem .75rem; 24 | height: 3.25rem; 25 | display: block; 26 | font-weight: 700; 27 | } 28 | .content h1, 29 | .content h2 { 30 | font-weight: 500; 31 | } 32 | .content h1 + h2 { 33 | margin-top: 0 !important; 34 | font-size: 1.3em; 35 | font-weight: 500; 36 | color: #5A6270; 37 | padding-bottom: calc(1.45rem - 1px); 38 | border-bottom: 1px solid #dee2e7; 39 | } 40 | .content h2 + h3 { 41 | margin-top: 0 !important; 42 | font-size: 1.125em; 43 | font-weight: 500; 44 | color: #5A6270; 45 | padding-bottom: calc(1.45rem - 1px); 46 | } 47 | .content h1, 48 | .content h2, 49 | .content h3 { 50 | color: #2f353f; 51 | } 52 | .content h4, 53 | .content h5, 54 | .content h6 { 55 | color: #5a6270; 56 | } 57 | a:not(.button) { 58 | color: #6056FF !important; 59 | } 60 | a:not(.button):hover { 61 | text-decoration: underline; 62 | } 63 | .menu-list { 64 | padding: 3rem 0; 65 | } 66 | .menu-list li ul { 67 | font-size: .85rem; 68 | } 69 | .menu-item:not(.has-dropdown) { 70 | padding: .5rem 1rem; 71 | } 72 | .menu { 73 | background-color: transparent !important; 74 | box-shadow: none !important; 75 | border-right: 1px solid #DEE2E7; 76 | overflow-y: auto; 77 | } 78 | .menu a { 79 | color: #5a6270 !important; 80 | } 81 | .menu a:hover { 82 | text-decoration: none; 83 | } 84 | ol li { 85 | margin-bottom: 1.25em; 86 | } 87 | code, kbd, pre, samp { 88 | font-family: "Consolas", menlo, monospace; 89 | font-size: 92%; 90 | } 91 | code { 92 | padding: .1em .3em; 93 | border-radius: .3em; 94 | font-size: .9em; 95 | color: #6056FF; 96 | background: #ebeef0; 97 | overflow-x: auto; 98 | } 99 | code + .copy-to-clipboard { 100 | margin-left: -1px; 101 | border-left: 0 !important; 102 | font-size: inherit !important; 103 | vertical-align: middle; 104 | height: 24px; 105 | top: 0; 106 | } 107 | pre { 108 | padding: 1rem; 109 | background: #f5f6fa !important; 110 | border: 0; 111 | border-radius: 2px; 112 | line-height: 1.15; 113 | position: relative; 114 | border: 1px solid rgb(222, 226, 231); 115 | } 116 | pre code { 117 | color: #586e75; 118 | background: inherit; 119 | white-space: inherit; 120 | border: 0; 121 | padding: 0; 122 | margin: 0; 123 | font-size: 0.875em; 124 | line-height: 1.375; 125 | max-width: 100%; 126 | width: 100%; 127 | display: block; 128 | overflow: auto; 129 | } 130 | .copy-to-clipboard { 131 | background-image: url(../images/clippy.svg); 132 | background-position: 50% 50%; 133 | background-size: 16px 16px; 134 | background-repeat: no-repeat; 135 | width: 27px; 136 | height: 1.45rem; 137 | top: -1px; 138 | display: inline-block; 139 | vertical-align: middle; 140 | position: relative; 141 | color: #586e75; 142 | background-color: #FFF7DD; 143 | margin-left: -.2rem; 144 | cursor: pointer; 145 | border-radius: 0 2px 2px 0; 146 | margin-bottom: 1px; 147 | } 148 | .copy-to-clipboard:hover { 149 | background-color: #E8E2CD; 150 | } 151 | pre .copy-to-clipboard { 152 | position: absolute; 153 | right: 4px; 154 | top: 4px; 155 | background-color: white; 156 | color: #ccc; 157 | border-radius: 2px; 158 | } 159 | pre .copy-to-clipboard:hover { 160 | background-color: whitesmoke; 161 | color: #fff !important; 162 | } 163 | 164 | .notification { 165 | background: #f9f9f9 !important; 166 | border-left: 3px solid #6056FF; 167 | color: #67757c !important; 168 | } 169 | 170 | .notification.is-white { 171 | border-left-color: white; 172 | } 173 | 174 | .notification.is-black { 175 | border-left-color: #0a0a0a; 176 | } 177 | 178 | .notification.is-light { 179 | border-left-color: whitesmoke; 180 | } 181 | 182 | .notification.is-dark { 183 | border-left-color: #2f3d4a; 184 | } 185 | 186 | .notification.is-primary { 187 | border-left-color: #6056FF; 188 | } 189 | 190 | .notification.is-link { 191 | border-left-color: #3273dc; 192 | } 193 | 194 | .notification.is-info { 195 | border-left-color: #37aee3; 196 | } 197 | 198 | .notification.is-success { 199 | border-left-color: #26c6da; 200 | } 201 | 202 | .notification.is-warning { 203 | border-left-color: #ffb22b; 204 | } 205 | 206 | .notification.is-danger { 207 | border-left-color: #ef5350; 208 | } 209 | .tabs { 210 | margin-bottom: 0 !important; 211 | } 212 | .tabs ul { 213 | margin-left: 0; 214 | margin-top: 0; 215 | } 216 | .tabs ul li a { 217 | color: #5a6270 !important; 218 | border-bottom: 2px solid transparent; 219 | padding: 1em; 220 | } 221 | .tabs ul li.is-active a { 222 | color: #6056FF !important; 223 | border-bottom-color: #6056FF !important; 224 | } 225 | .tabs ul li a:hover { 226 | text-decoration: none; 227 | } 228 | .tab-content .tab-pane { 229 | display: none; 230 | padding: 1em; 231 | } 232 | .tab-content .tab-pane.is-active { 233 | display: block; 234 | } 235 | .preview { 236 | border: 1px solid rgb(222, 226, 231); 237 | border-radius: 3px; 238 | margin-bottom: 1.5rem; 239 | } 240 | .preview .tab-content .tab-pane:nth-child(2) { 241 | background-color: #f5f6fa; 242 | } 243 | .preview .tab-content .tab-pane:nth-child(2) pre { 244 | border: none !important; 245 | } -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/static/images/clippy.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/static/js/clipboard.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * clipboard.js v2.0.4 3 | * https://zenorocha.github.io/clipboard.js 4 | * 5 | * Licensed MIT © Zeno Rocha 6 | */ 7 | !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n 5) { 9 | if (!clipInit) { 10 | var text, clip = new ClipboardJS('.copy-to-clipboard', { 11 | text: function(trigger) { 12 | text = trigger.previousSibling.innerHTML; 13 | return text.replace(/^\$\s/gm, ''); 14 | } 15 | }); 16 | 17 | var inPre; 18 | clip.on('success', function(e) { 19 | e.clearSelection(); 20 | inPre = e.trigger.parentNode.tagName == 'PRE'; 21 | e.trigger.setAttribute('aria-label', 'Copied to clipboard!'); 22 | e.trigger.classList.add('tooltipped'); 23 | e.trigger.classList.add('tooltipped-' + (inPre ? 'w' : 's')); 24 | }); 25 | 26 | clip.on('error', function(e) { 27 | inPre = e.trigger.parentNode.tagName == 'PRE'; 28 | e.trigger.setAttribute('aria-label', fallbackMessage(e.action)); 29 | e.trigger.classList.add('tooltipped'); 30 | e.trigger.classList.add('tooltipped-' + (inPre ? 'w' : 's')); 31 | document.addEventListener('copy', function(){ 32 | e.trigger.setAttribute('aria-label', 'Copied to clipboard!'); 33 | e.trigger.classList.add('tooltipped'); 34 | e.trigger.classList.add('tooltipped-' + (inPre ? 'w' : 's')); 35 | }); 36 | }); 37 | 38 | clipInit = true; 39 | } 40 | 41 | var copyNode = document.createElement('div'); 42 | copyNode.classList.add('copy-to-clipboard'); 43 | copyNode.setAttribute('title', 'Copy to clipboard'); 44 | 45 | code.after(copyNode); 46 | code.nextSibling.addEventListener('mouseleave', function() { 47 | this.setAttribute('aria-label', null); 48 | this.classList.remove('tooltipped'); 49 | this.classList.remove('tooltipped-s'); 50 | this.classList.remove('tooltipped-w'); 51 | }); 52 | } 53 | }); 54 | 55 | const tabs = document.querySelectorAll('[data-toggle="tab"]') || []; 56 | tabs.forEach(function(tab) { 57 | tab.addEventListener('click', function(e) { 58 | e.preventDefault(); 59 | e.stopPropagation(); 60 | 61 | const tabPane = document.querySelector(e.currentTarget.dataset.target); 62 | 63 | const activeTab = e.currentTarget.closest('.tabs ul').querySelector('li.is-active'); 64 | const activeTabPane = document.querySelector(activeTab.dataset.target); 65 | if (activeTab && !activeTab.isSameNode(e.currentTarget)) { 66 | activeTab.classList.remove('is-active'); 67 | if (activeTabPane) { 68 | activeTabPane.classList.remove('is-active'); 69 | } 70 | 71 | } 72 | 73 | e.currentTarget.classList.add('is-active'); 74 | if (tabPane) { 75 | tabPane.classList.add('is-active'); 76 | } 77 | }); 78 | }); 79 | }, false); -------------------------------------------------------------------------------- /src/docs/themes/creativebulma/theme.toml: -------------------------------------------------------------------------------- 1 | # theme.toml template for a Hugo theme 2 | # See https://github.com/gohugoio/hugoThemes#themetoml for an example 3 | 4 | name = "Creativebulma" 5 | license = "MIT" 6 | licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE" 7 | description = "" 8 | homepage = "http://example.com/" 9 | tags = [] 10 | features = [] 11 | min_version = "0.41" 12 | 13 | [author] 14 | name = "" 15 | homepage = "" 16 | 17 | # If porting an existing theme 18 | [original] 19 | name = "" 20 | homepage = "" 21 | repo = "" 22 | -------------------------------------------------------------------------------- /src/sass/index.sass: -------------------------------------------------------------------------------- 1 | $badge-font-size: .65rem !default 2 | $badge-height: 14px !default 3 | $badge-padding: .05rem .15rem !default 4 | $badge-shadow: 0 0 0 2px $scheme-main !default 5 | 6 | =badge-positions 7 | &.is-left 8 | bottom: 0 9 | left: 0 10 | right: auto 11 | top: 50% 12 | transform: translate(-50%, -50%) 13 | 14 | &.is-right 15 | bottom: auto 16 | left: auto 17 | right: 0 18 | top: 50% 19 | transform: translate(50%, -50%) 20 | 21 | &.is-top 22 | bottom: auto 23 | left: 50% 24 | right: auto 25 | top: 0 26 | transform: translate(-50%, -50%) 27 | 28 | &.is-top-left 29 | bottom: auto 30 | left: 0 31 | right: auto 32 | top: 0 33 | transform: translate(-50%, -50%) 34 | 35 | &.is-top-right 36 | bottom: auto 37 | left: auto 38 | right: 0 39 | top: 0 40 | transform: translate(50%, -50%) 41 | 42 | &.is-bottom 43 | bottom: 0 44 | left: 50% 45 | right: auto 46 | top: auto 47 | transform: translate(-50%, 50%) 48 | 49 | &.is-bottom-left 50 | bottom: 0 51 | left: 0 52 | right: auto 53 | top: auto 54 | transform: translate(-50%, 50%) 55 | 56 | &.is-bottom-right 57 | bottom: 0 58 | left: auto 59 | right: 0 60 | top: auto 61 | transform: translate(50%, 50%) 62 | 63 | .badge 64 | background-color: $primary 65 | border: 2px solid transparent 66 | border-radius: $badge-height 67 | box-shadow: $badge-shadow 68 | color: $scheme-main 69 | font-size: $badge-font-size 70 | height: $badge-height 71 | line-height: calc(#{$badge-height * 0.5} + 1px) 72 | min-width: $badge-height 73 | overflow: hidden 74 | padding: $badge-padding 75 | position: absolute 76 | right: 0 77 | text-overflow: ellipsis 78 | top: 0 79 | transform: translate(50%, -50%) 80 | white-space: nowrap 81 | 82 | &.is-outlined 83 | background-color: $white 84 | border-color: $primary 85 | color: $primary 86 | 87 | +badge-positions 88 | 89 | @each $name, $pair in $colors 90 | $color: nth($pair, 1) 91 | $color-invert: nth($pair, 2) 92 | 93 | &.is-#{$name} 94 | &:not(.is-outlined) 95 | background-color: $color 96 | color: $color-invert 97 | 98 | &.is-outlined 99 | border-color: $color 100 | color: $color 101 | 102 | // If light and dark colors are provided 103 | @if length($pair) >= 4 104 | $color-light: nth($pair, 3) 105 | $color-dark: nth($pair, 4) 106 | &.is-light 107 | color: $color-dark 108 | &:not(.is-outlined) 109 | background-color: $color-light 110 | &.is-outlined 111 | border-color: $color 112 | 113 | // Tabs position fix 114 | .tabs 115 | li 116 | position: relative 117 | --------------------------------------------------------------------------------