Compare commits

..

No commits in common. "main" and "1.0.2" have entirely different histories.
main ... 1.0.2

130 changed files with 22500 additions and 30394 deletions

View file

@ -22,10 +22,10 @@ This is a **new feature | improvement | bugfix | documentation fix**.
None.
<!-- BEFORE SUBMITTING YOUR PR, MAKE SURE TO FOLLOW THESE STEPS: -->
<!-- 1. Pull the latest `main` branch -->
<!-- 2. Make sure your Sass code is compliant with the [Bulma Sass styleguide](https://github.com/jgthms/bulma/blob/main/.github/CONTRIBUTING.md#bulma-sass-styleguide) -->
<!-- 1. Pull the latest `master` branch -->
<!-- 2. Make sure your Sass code is compliant with the [Bulma Sass styleguide](https://github.com/jgthms/bulma/blob/master/.github/CONTRIBUTING.md#bulma-sass-styleguide) -->
<!-- 3. Make sure your PR only affects `.sass` or documentation files -->
<!-- 4. [Try your changes](https://github.com/jgthms/bulma/blob/main/.github/CONTRIBUTING.md#try-your-changes). -->
<!-- 4. [Try your changes](https://github.com/jgthms/bulma/blob/master/.github/CONTRIBUTING.md#try-your-changes). -->
<!-- How have you confirmed this feature works? -->
<!-- Please explain more than "Yes". -->

1
.gitignore vendored
View file

@ -6,7 +6,6 @@ npm-debug.log
test.css
test.css.map
test.html
test*.html
test.sass
test.scss
test.css

View file

@ -1,21 +1,5 @@
# Bulma Changelog
## 1.0.3
### Bug Fixes
- Fix #3842: restore use of `$easing`, `$radius-rounded` and `$speed` Sass variables
- Fix #3920: migrate code to avoid Sass 1.80 deprecation warning of global built-in functions
- Fix #3822: Non-minified version of bulma-prefixed was missing
- Fix #3805: helper classes were missing prefix
### Documentation Fixes
- Fix #3904, #3884: fix website horizontal overflow
- Fix #3849: fix Light Mode color swatches in Dark Mode
- Fix #3918: broken placeholder images
- Fix #3926: broken documentation hero
## 1.0.2
### Improvements

View file

@ -52,7 +52,7 @@ Feel free to raise an issue or submit a pull request.
## CSS only
Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/main/css/bulma.css)
Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css)
You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/customize/#docsNav).
@ -131,14 +131,14 @@ Browse the [online documentation here.](https://bulma.io/documentation/start/ove
| [@angular-bulma](https://quinnjr.github.io/angular-bulma) | [Angular](https://angular.io/) directives and components to use in your Bulma projects |
| [Bulma CSS Class Completion](https://github.com/eliutdev/bulma-css-class-completion) | CSS class name completion for the HTML class attribute based on Bulma CSS classes. |
| [Crispy-Bulma](https://github.com/ckrybus/crispy-bulma) | Bulma template pack for django-crispy-forms |
| [Manifest](https://manifest.build) | Manifest is a lightweight Backend-as-a-Service with essential features: DB, Admin panel, API, JS SDK |
| [CASE](https://case.app) | CASE is Lightweight Backend-as-a-Service with essential features: DB, Admin panel, API, JS SDK |
| [Reactive Bulma](https://github.com/NicolasOmar/reactive-bulma) | A component library based on React, Bulma, Typescript and Rollup |
<p>Browser testing via<br /><a href="https://www.lambdatest.com/" target="_blank"><img src="https://bulma.io/assets/images/amis/lambdatest-logo.png" width="168" height="40" /></a></p>
<p>Browser testing via <a href="https://www.lambdatest.com/" target="_blank"><img src="https://www.lambdatest.com/resources/images/logo-white.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a></p>
## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
Code copyright 2023 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/main/LICENSE).
Code copyright 2023 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
[npm-link]: https://www.npmjs.com/package/bulma
[awesome-link]: https://github.com/awesome-css-group/awesome-css

View file

@ -1,6 +1,6 @@
{
"name": "bulma",
"version": "1.0.3",
"version": "1.0.2",
"homepage": "https://bulma.io",
"authors": ["jgthms <bbxdesign@gmail.com>"],
"description": "Modern CSS framework based on Flexbox",

2
bulma.scss vendored
View file

@ -1,4 +1,4 @@
@charset "utf-8";
/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
@use "sass";

106
css/bulma.css vendored
View file

@ -1,5 +1,5 @@
@charset "UTF-8";
/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
:root {
--bulma-control-radius: var(--bulma-radius);
@ -90,7 +90,7 @@
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
--bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--bulma-black-rgb: 9, 10, 12;
--bulma-black-h: 221deg;
--bulma-black-s: 14%;
--bulma-black-l: 4%;
@ -100,7 +100,7 @@
--bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
--bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--bulma-light-rgb: 243, 244, 246;
--bulma-light-h: 221deg;
--bulma-light-s: 14%;
--bulma-light-l: 96%;
@ -110,7 +110,7 @@
--bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
--bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--bulma-dark-rgb: 46, 51, 61;
--bulma-dark-h: 221deg;
--bulma-dark-s: 14%;
--bulma-dark-l: 21%;
@ -120,7 +120,7 @@
--bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
--bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--bulma-text-rgb: 64, 70, 84;
--bulma-text-h: 221deg;
--bulma-text-s: 14%;
--bulma-text-l: 29%;
@ -226,7 +226,7 @@
--bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
--bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-rgb: 0, 209.1, 177.735;
--bulma-primary-rgb: 0, 209, 178;
--bulma-primary-h: 171deg;
--bulma-primary-s: 100%;
--bulma-primary-l: 41%;
@ -332,7 +332,7 @@
--bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
--bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-rgb: 66.3, 88.315, 255;
--bulma-link-rgb: 66, 88, 255;
--bulma-link-h: 233deg;
--bulma-link-s: 100%;
--bulma-link-l: 63%;
@ -385,7 +385,7 @@
--bulma-link-40-invert-l: var(--bulma-link-95-l);
--bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
--bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
--bulma-link-45-invert-l: var(--bulma-link-95-l);
--bulma-link-45-invert-l: var(--bulma-link-100-l);
--bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
--bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
--bulma-link-50-invert-l: var(--bulma-link-100-l);
@ -415,7 +415,7 @@
--bulma-link-90-invert-l: var(--bulma-link-35-l);
--bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
--bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
--bulma-link-95-invert-l: var(--bulma-link-45-l);
--bulma-link-95-invert-l: var(--bulma-link-40-l);
--bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
--bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
--bulma-link-100-invert-l: var(--bulma-link-50-l);
@ -438,7 +438,7 @@
--bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
--bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-rgb: 102, 209.1, 255;
--bulma-info-rgb: 102, 209, 255;
--bulma-info-h: 198deg;
--bulma-info-s: 100%;
--bulma-info-l: 70%;
@ -544,7 +544,7 @@
--bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
--bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--bulma-success-rgb: 72, 199, 142;
--bulma-success-h: 153deg;
--bulma-success-s: 53%;
--bulma-success-l: 53%;
@ -582,7 +582,7 @@
--bulma-success-15-invert-l: var(--bulma-success-75-l);
--bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
--bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
--bulma-success-20-invert-l: var(--bulma-success-95-l);
--bulma-success-20-invert-l: var(--bulma-success-90-l);
--bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
--bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
--bulma-success-25-invert-l: var(--bulma-success-100-l);
@ -624,7 +624,7 @@
--bulma-success-85-invert-l: var(--bulma-success-15-l);
--bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
--bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
--bulma-success-90-invert-l: var(--bulma-success-15-l);
--bulma-success-90-invert-l: var(--bulma-success-20-l);
--bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
--bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
--bulma-success-95-invert-l: var(--bulma-success-20-l);
@ -636,7 +636,7 @@
--bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
--bulma-success-light-l: var(--bulma-success-90-l);
--bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
--bulma-success-light-invert-l: var(--bulma-success-15-l);
--bulma-success-light-invert-l: var(--bulma-success-20-l);
--bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
--bulma-success-dark-l: var(--bulma-success-10-l);
--bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
@ -650,7 +650,7 @@
--bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
--bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-rgb: 255, 183.09, 15.3;
--bulma-warning-rgb: 255, 183, 15;
--bulma-warning-h: 42deg;
--bulma-warning-s: 100%;
--bulma-warning-l: 53%;
@ -756,7 +756,7 @@
--bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
--bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-rgb: 255, 102, 132.6;
--bulma-danger-rgb: 255, 102, 133;
--bulma-danger-h: 348deg;
--bulma-danger-s: 100%;
--bulma-danger-l: 70%;
@ -991,7 +991,7 @@
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
--bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--bulma-black-rgb: 9, 10, 12;
--bulma-black-h: 221deg;
--bulma-black-s: 14%;
--bulma-black-l: 4%;
@ -1001,7 +1001,7 @@
--bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
--bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--bulma-light-rgb: 243, 244, 246;
--bulma-light-h: 221deg;
--bulma-light-s: 14%;
--bulma-light-l: 96%;
@ -1011,7 +1011,7 @@
--bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
--bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--bulma-dark-rgb: 46, 51, 61;
--bulma-dark-h: 221deg;
--bulma-dark-s: 14%;
--bulma-dark-l: 21%;
@ -1021,7 +1021,7 @@
--bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
--bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--bulma-text-rgb: 64, 70, 84;
--bulma-text-h: 221deg;
--bulma-text-s: 14%;
--bulma-text-l: 29%;
@ -1127,7 +1127,7 @@
--bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
--bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-rgb: 0, 209.1, 177.735;
--bulma-primary-rgb: 0, 209, 178;
--bulma-primary-h: 171deg;
--bulma-primary-s: 100%;
--bulma-primary-l: 41%;
@ -1233,7 +1233,7 @@
--bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
--bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-rgb: 66.3, 88.315, 255;
--bulma-link-rgb: 66, 88, 255;
--bulma-link-h: 233deg;
--bulma-link-s: 100%;
--bulma-link-l: 63%;
@ -1286,7 +1286,7 @@
--bulma-link-40-invert-l: var(--bulma-link-95-l);
--bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
--bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
--bulma-link-45-invert-l: var(--bulma-link-95-l);
--bulma-link-45-invert-l: var(--bulma-link-100-l);
--bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
--bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
--bulma-link-50-invert-l: var(--bulma-link-100-l);
@ -1316,7 +1316,7 @@
--bulma-link-90-invert-l: var(--bulma-link-35-l);
--bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
--bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
--bulma-link-95-invert-l: var(--bulma-link-45-l);
--bulma-link-95-invert-l: var(--bulma-link-40-l);
--bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
--bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
--bulma-link-100-invert-l: var(--bulma-link-50-l);
@ -1339,7 +1339,7 @@
--bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
--bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-rgb: 102, 209.1, 255;
--bulma-info-rgb: 102, 209, 255;
--bulma-info-h: 198deg;
--bulma-info-s: 100%;
--bulma-info-l: 70%;
@ -1445,7 +1445,7 @@
--bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
--bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--bulma-success-rgb: 72, 199, 142;
--bulma-success-h: 153deg;
--bulma-success-s: 53%;
--bulma-success-l: 53%;
@ -1483,7 +1483,7 @@
--bulma-success-15-invert-l: var(--bulma-success-75-l);
--bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
--bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
--bulma-success-20-invert-l: var(--bulma-success-95-l);
--bulma-success-20-invert-l: var(--bulma-success-90-l);
--bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
--bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
--bulma-success-25-invert-l: var(--bulma-success-100-l);
@ -1525,7 +1525,7 @@
--bulma-success-85-invert-l: var(--bulma-success-15-l);
--bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
--bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
--bulma-success-90-invert-l: var(--bulma-success-15-l);
--bulma-success-90-invert-l: var(--bulma-success-20-l);
--bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
--bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
--bulma-success-95-invert-l: var(--bulma-success-20-l);
@ -1537,7 +1537,7 @@
--bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
--bulma-success-light-l: var(--bulma-success-90-l);
--bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
--bulma-success-light-invert-l: var(--bulma-success-15-l);
--bulma-success-light-invert-l: var(--bulma-success-20-l);
--bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
--bulma-success-dark-l: var(--bulma-success-10-l);
--bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
@ -1551,7 +1551,7 @@
--bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
--bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-rgb: 255, 183.09, 15.3;
--bulma-warning-rgb: 255, 183, 15;
--bulma-warning-h: 42deg;
--bulma-warning-s: 100%;
--bulma-warning-l: 53%;
@ -1657,7 +1657,7 @@
--bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
--bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-rgb: 255, 102, 132.6;
--bulma-danger-rgb: 255, 102, 133;
--bulma-danger-h: 348deg;
--bulma-danger-s: 100%;
--bulma-danger-l: 70%;
@ -1786,7 +1786,7 @@
:root {
--bulma-white-on-scheme-l: 100%;
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
--bulma-black-on-scheme-l: -51%;
--bulma-black-on-scheme-l: 0%;
--bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
--bulma-light-on-scheme-l: 96%;
--bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
@ -1909,7 +1909,7 @@
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
--bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--bulma-black-rgb: 9, 10, 12;
--bulma-black-h: 221deg;
--bulma-black-s: 14%;
--bulma-black-l: 4%;
@ -1919,7 +1919,7 @@
--bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
--bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--bulma-light-rgb: 243, 244, 246;
--bulma-light-h: 221deg;
--bulma-light-s: 14%;
--bulma-light-l: 96%;
@ -1929,7 +1929,7 @@
--bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
--bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--bulma-dark-rgb: 46, 51, 61;
--bulma-dark-h: 221deg;
--bulma-dark-s: 14%;
--bulma-dark-l: 21%;
@ -1939,7 +1939,7 @@
--bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
--bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--bulma-text-rgb: 64, 70, 84;
--bulma-text-h: 221deg;
--bulma-text-s: 14%;
--bulma-text-l: 29%;
@ -2045,7 +2045,7 @@
--bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
--bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-rgb: 0, 209.1, 177.735;
--bulma-primary-rgb: 0, 209, 178;
--bulma-primary-h: 171deg;
--bulma-primary-s: 100%;
--bulma-primary-l: 41%;
@ -2151,7 +2151,7 @@
--bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
--bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-rgb: 66.3, 88.315, 255;
--bulma-link-rgb: 66, 88, 255;
--bulma-link-h: 233deg;
--bulma-link-s: 100%;
--bulma-link-l: 63%;
@ -2204,7 +2204,7 @@
--bulma-link-40-invert-l: var(--bulma-link-95-l);
--bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
--bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
--bulma-link-45-invert-l: var(--bulma-link-95-l);
--bulma-link-45-invert-l: var(--bulma-link-100-l);
--bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
--bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
--bulma-link-50-invert-l: var(--bulma-link-100-l);
@ -2234,7 +2234,7 @@
--bulma-link-90-invert-l: var(--bulma-link-35-l);
--bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
--bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
--bulma-link-95-invert-l: var(--bulma-link-45-l);
--bulma-link-95-invert-l: var(--bulma-link-40-l);
--bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
--bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
--bulma-link-100-invert-l: var(--bulma-link-50-l);
@ -2257,7 +2257,7 @@
--bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
--bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-rgb: 102, 209.1, 255;
--bulma-info-rgb: 102, 209, 255;
--bulma-info-h: 198deg;
--bulma-info-s: 100%;
--bulma-info-l: 70%;
@ -2363,7 +2363,7 @@
--bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
--bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--bulma-success-rgb: 72, 199, 142;
--bulma-success-h: 153deg;
--bulma-success-s: 53%;
--bulma-success-l: 53%;
@ -2401,7 +2401,7 @@
--bulma-success-15-invert-l: var(--bulma-success-75-l);
--bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
--bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
--bulma-success-20-invert-l: var(--bulma-success-95-l);
--bulma-success-20-invert-l: var(--bulma-success-90-l);
--bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
--bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
--bulma-success-25-invert-l: var(--bulma-success-100-l);
@ -2443,7 +2443,7 @@
--bulma-success-85-invert-l: var(--bulma-success-15-l);
--bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
--bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
--bulma-success-90-invert-l: var(--bulma-success-15-l);
--bulma-success-90-invert-l: var(--bulma-success-20-l);
--bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
--bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
--bulma-success-95-invert-l: var(--bulma-success-20-l);
@ -2455,7 +2455,7 @@
--bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
--bulma-success-light-l: var(--bulma-success-90-l);
--bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
--bulma-success-light-invert-l: var(--bulma-success-15-l);
--bulma-success-light-invert-l: var(--bulma-success-20-l);
--bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
--bulma-success-dark-l: var(--bulma-success-10-l);
--bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
@ -2469,7 +2469,7 @@
--bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
--bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-rgb: 255, 183.09, 15.3;
--bulma-warning-rgb: 255, 183, 15;
--bulma-warning-h: 42deg;
--bulma-warning-s: 100%;
--bulma-warning-l: 53%;
@ -2575,7 +2575,7 @@
--bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
--bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-rgb: 255, 102, 132.6;
--bulma-danger-rgb: 255, 102, 133;
--bulma-danger-h: 348deg;
--bulma-danger-s: 100%;
--bulma-danger-l: 70%;
@ -2737,7 +2737,7 @@
.theme-dark {
--bulma-white-on-scheme-l: 100%;
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
--bulma-black-on-scheme-l: -51%;
--bulma-black-on-scheme-l: 0%;
--bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
--bulma-light-on-scheme-l: 96%;
--bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
@ -3784,10 +3784,6 @@ a.box:active {
--bulma-button-border-width: max(2px, 0.125em);
--bulma-button-outer-shadow-alpha: 1;
}
.button.is-outlined[disabled], fieldset[disabled] .button.is-outlined {
background-color: transparent;
box-shadow: none;
}
.button.is-inverted {
background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));
@ -5445,7 +5441,6 @@ button.tag:active,
--bulma-input-border-width: var(--bulma-control-border-width);
--bulma-input-border-l: var(--bulma-border-l);
--bulma-input-border-l-delta: 0%;
--bulma-input-border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
--bulma-input-hover-border-l-delta: var(--bulma-hover-border-l-delta);
--bulma-input-active-border-l-delta: var(--bulma-active-border-l-delta);
--bulma-input-focus-h: var(--bulma-focus-h);
@ -5472,7 +5467,7 @@ button.tag:active,
.select select, .input, .textarea {
background-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta)));
border-color: var(--bulma-input-border-color);
border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
border-radius: var(--bulma-input-radius);
color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
}
@ -13159,9 +13154,6 @@ label.panel-block:hover {
--bulma-hero-body-padding-small: 1.5rem;
--bulma-hero-body-padding-medium: 9rem 4.5rem;
--bulma-hero-body-padding-large: 18rem 6rem;
--bulma-hero-gradient-h-offset: 5deg;
--bulma-hero-gradient-s-offset: 10%;
--bulma-hero-gradient-l-offset: 5%;
}
.hero {

File diff suppressed because one or more lines are too long

4
css/bulma.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
@charset "UTF-8";
/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
:root {
--bulma-control-radius: var(--bulma-radius);
@ -981,10 +981,6 @@ a.box:active {
--bulma-button-border-width: max(2px, 0.125em);
--bulma-button-outer-shadow-alpha: 1;
}
.button.is-outlined[disabled], fieldset[disabled] .button.is-outlined {
background-color: transparent;
box-shadow: none;
}
.button.is-inverted {
background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));
@ -2642,7 +2638,6 @@ button.tag:active,
--bulma-input-border-width: var(--bulma-control-border-width);
--bulma-input-border-l: var(--bulma-border-l);
--bulma-input-border-l-delta: 0%;
--bulma-input-border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
--bulma-input-hover-border-l-delta: var(--bulma-hover-border-l-delta);
--bulma-input-active-border-l-delta: var(--bulma-active-border-l-delta);
--bulma-input-focus-h: var(--bulma-focus-h);
@ -2669,7 +2664,7 @@ button.tag:active,
.select select, .input, .textarea {
background-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta)));
border-color: var(--bulma-input-border-color);
border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
border-radius: var(--bulma-input-radius);
color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
}
@ -10356,9 +10351,6 @@ label.panel-block:hover {
--bulma-hero-body-padding-small: 1.5rem;
--bulma-hero-body-padding-medium: 9rem 4.5rem;
--bulma-hero-body-padding-large: 18rem 6rem;
--bulma-hero-gradient-h-offset: 5deg;
--bulma-hero-gradient-s-offset: 10%;
--bulma-hero-gradient-l-offset: 5%;
}
.hero {
@ -18829,7 +18821,7 @@ has-background-danger.is-hoverable:active {
--bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1);
--bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1);
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--bulma-black-rgb: 9, 10, 12;
--bulma-black-h: 221deg;
--bulma-black-s: 14%;
--bulma-black-l: 4%;
@ -18839,7 +18831,7 @@ has-background-danger.is-hoverable:active {
--bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1);
--bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1);
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--bulma-light-rgb: 243, 244, 246;
--bulma-light-h: 221deg;
--bulma-light-s: 14%;
--bulma-light-l: 96%;
@ -18849,7 +18841,7 @@ has-background-danger.is-hoverable:active {
--bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1);
--bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1);
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--bulma-dark-rgb: 46, 51, 61;
--bulma-dark-h: 221deg;
--bulma-dark-s: 14%;
--bulma-dark-l: 21%;
@ -18859,7 +18851,7 @@ has-background-danger.is-hoverable:active {
--bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1);
--bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1);
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--bulma-text-rgb: 64, 70, 84;
--bulma-text-h: 221deg;
--bulma-text-s: 14%;
--bulma-text-l: 29%;
@ -18965,7 +18957,7 @@ has-background-danger.is-hoverable:active {
--bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1);
--bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1);
--bulma-primary-rgb: 0, 209.1, 177.735;
--bulma-primary-rgb: 0, 209, 178;
--bulma-primary-h: 171deg;
--bulma-primary-s: 100%;
--bulma-primary-l: 41%;
@ -19071,7 +19063,7 @@ has-background-danger.is-hoverable:active {
--bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1);
--bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
--bulma-link-rgb: 66.3, 88.315, 255;
--bulma-link-rgb: 66, 88, 255;
--bulma-link-h: 233deg;
--bulma-link-s: 100%;
--bulma-link-l: 63%;
@ -19124,7 +19116,7 @@ has-background-danger.is-hoverable:active {
--bulma-link-40-invert-l: var(--bulma-link-95-l);
--bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1);
--bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1);
--bulma-link-45-invert-l: var(--bulma-link-95-l);
--bulma-link-45-invert-l: var(--bulma-link-100-l);
--bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1);
--bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1);
--bulma-link-50-invert-l: var(--bulma-link-100-l);
@ -19154,7 +19146,7 @@ has-background-danger.is-hoverable:active {
--bulma-link-90-invert-l: var(--bulma-link-35-l);
--bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1);
--bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1);
--bulma-link-95-invert-l: var(--bulma-link-45-l);
--bulma-link-95-invert-l: var(--bulma-link-40-l);
--bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1);
--bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1);
--bulma-link-100-invert-l: var(--bulma-link-50-l);
@ -19177,7 +19169,7 @@ has-background-danger.is-hoverable:active {
--bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1);
--bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1);
--bulma-info-rgb: 102, 209.1, 255;
--bulma-info-rgb: 102, 209, 255;
--bulma-info-h: 198deg;
--bulma-info-s: 100%;
--bulma-info-l: 70%;
@ -19283,7 +19275,7 @@ has-background-danger.is-hoverable:active {
--bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1);
--bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1);
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--bulma-success-rgb: 72, 199, 142;
--bulma-success-h: 153deg;
--bulma-success-s: 53%;
--bulma-success-l: 53%;
@ -19321,7 +19313,7 @@ has-background-danger.is-hoverable:active {
--bulma-success-15-invert-l: var(--bulma-success-75-l);
--bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1);
--bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1);
--bulma-success-20-invert-l: var(--bulma-success-95-l);
--bulma-success-20-invert-l: var(--bulma-success-90-l);
--bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1);
--bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1);
--bulma-success-25-invert-l: var(--bulma-success-100-l);
@ -19363,7 +19355,7 @@ has-background-danger.is-hoverable:active {
--bulma-success-85-invert-l: var(--bulma-success-15-l);
--bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1);
--bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1);
--bulma-success-90-invert-l: var(--bulma-success-15-l);
--bulma-success-90-invert-l: var(--bulma-success-20-l);
--bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1);
--bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1);
--bulma-success-95-invert-l: var(--bulma-success-20-l);
@ -19375,7 +19367,7 @@ has-background-danger.is-hoverable:active {
--bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1);
--bulma-success-light-l: var(--bulma-success-90-l);
--bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1);
--bulma-success-light-invert-l: var(--bulma-success-15-l);
--bulma-success-light-invert-l: var(--bulma-success-20-l);
--bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1);
--bulma-success-dark-l: var(--bulma-success-10-l);
--bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1);
@ -19389,7 +19381,7 @@ has-background-danger.is-hoverable:active {
--bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1);
--bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1);
--bulma-warning-rgb: 255, 183.09, 15.3;
--bulma-warning-rgb: 255, 183, 15;
--bulma-warning-h: 42deg;
--bulma-warning-s: 100%;
--bulma-warning-l: 53%;
@ -19495,7 +19487,7 @@ has-background-danger.is-hoverable:active {
--bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1);
--bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1);
--bulma-danger-rgb: 255, 102, 132.6;
--bulma-danger-rgb: 255, 102, 133;
--bulma-danger-h: 348deg;
--bulma-danger-s: 100%;
--bulma-danger-l: 70%;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -757,7 +757,7 @@
"path": "/documentation/helpers/other-helpers/"
}
},
"navbar": ["docs", "expo", "love", "sponsor"],
"navbar": ["docs", "expo", "love", "sponsor", "shop"],
"navbar_icons": ["github", "twitter"],
"navbar_more": ["made-with-bulma", "backers", "brand", "extensions"],
"category_ids": [

View file

@ -1984,9 +1984,9 @@
"id": "1161404522331344896",
"date": "11:29 PM - 13 Aug 2019",
"content": "Bloody hell.... To think that I was using my own simple framework for all of the <a href=\"https://twitter.com/search?q=%23Frontend\">#Frontend</a> <a href=\"https://twitter.com/search?q=%23webdevelopment\">#webdevelopment</a>. Here is a my old login page vs <a href=\"https://twitter.com/search?q=%23bulmaio\">#bulmaio</a> framework... Me so dumb. Why reinvent the wheel? Amazing job <a href=\"https://twitter.com/jgthms\">@jgthms</a> <a href=\"https://twitter.com/search?q=%23CSS\">#CSS</a> <a href=\"https://t.co/X5NnKZxyQq\">pic.twitter.com/X5NnKZxyQq</a>",
"fullname": "gebsystems",
"username": "gebsystems",
"avatar": "https://pbs.twimg.com/profile_images/1713156593137639424/Wwz0i_rj_400x400.jpg",
"fullname": "db4you",
"username": "db4you2",
"avatar": "https://pbs.twimg.com/profile_images/1283183292683038727/wVhp9AQr_normal.jpg",
"hearts": 22,
"retweets": 4
},

View file

@ -2,11 +2,11 @@
"title": "Bulma: Free, open source, and modern CSS framework based on Flexbox",
"description": "Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.",
"documentation": "/documentation",
"download": "https://github.com/jgthms/bulma/releases/download/1.0.2/bulma-1.0.2.zip",
"release_notes": "https://github.com/jgthms/bulma/releases/tag/1.0.2",
"download": "https://github.com/jgthms/bulma/releases/download/1.0.1/bulma-1.0.1.zip",
"release_notes": "https://github.com/jgthms/bulma/releases/tag/1.0.1",
"github": "https://github.com/jgthms/bulma",
"twitter": "https://twitter.com/jgthms",
"version": "1.0.2",
"version": "1.0.1",
"book_url": "https://bleedingedgepress.com/creating-interfaces-bulma/",
"book_amazon": "https://www.amazon.com/Creating-Interfaces-Bulma-Jeremy-Thomas-ebook/dp/B079M1BJG4/",
"book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf",

View file

@ -37,7 +37,7 @@
},
{
"name": "card-header-shadow",
"value": "0 0.125em 0.25em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n)",
"value": "0 0.125em 0.25em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n )",
"css-var": "card-header-shadow"
},
{
@ -138,4 +138,4 @@
"value": "var(--bulma-block-spacing)"
}
]
}
}

View file

@ -99,6 +99,10 @@
"name": "modal-card-body-padding",
"value": "2rem",
"css-var": "modal-card-body-padding"
},
{
"name": "modal-breakpoint",
"value": "iv.$tablet"
}
],
"css-vars": [
@ -183,4 +187,4 @@
"value": "2rem"
}
]
}
}

View file

@ -2,17 +2,14 @@
"sass-vars": [
{
"name": "navbar-background-color",
"css-var": "navbar-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "navbar-box-shadow-size",
"css-var": "navbar-box-shadow-size",
"value": "0 0.125em 0 0"
},
{
"name": "navbar-box-shadow-color",
"css-var": "navbar-box-shadow-color",
"value": "var(--bulma-background)"
},
{
@ -22,145 +19,125 @@
},
{
"name": "navbar-padding-vertical",
"css-var": "navbar-padding-vertical",
"value": "1rem"
},
{
"name": "navbar-padding-horizontal",
"css-var": "navbar-padding-horizontal",
"value": "2rem"
},
{
"name": "navbar-z",
"css-var": "navbar-z",
"value": "30"
},
{
"name": "navbar-fixed-z",
"css-var": "navbar-fixed-z",
"value": "30"
},
{
"name": "navbar-item-img-max-height",
"css-var": "navbar-item-img-max-height",
"value": "1.75rem"
},
{
"name": "navbar-burger-color",
"css-var": "navbar-burger-color",
"value": "var(--bulma-navbar-item-color)"
},
{
"name": "navbar-tab-hover-background-color",
"css-var": "navbar-tab-hover-background-color",
"value": "transparent"
},
{
"name": "navbar-tab-hover-border-bottom-color",
"css-var": "navbar-tab-hover-border-bottom-color",
"value": "var(--bulma-link)"
},
{
"name": "navbar-tab-active-color",
"css-var": "navbar-tab-active-color",
"value": "var(--bulma-link)"
},
{
"name": "navbar-tab-active-background-color",
"css-var": "navbar-tab-active-background-color",
"value": "transparent"
},
{
"name": "navbar-tab-active-border-bottom-color",
"css-var": "navbar-tab-active-border-bottom-color",
"value": "var(--bulma-link)"
},
{
"name": "navbar-tab-active-border-bottom-style",
"css-var": "navbar-tab-active-border-bottom-style",
"value": "solid"
},
{
"name": "navbar-tab-active-border-bottom-width",
"css-var": "navbar-tab-active-border-bottom-width",
"value": "0.1875em"
},
{
"name": "navbar-dropdown-background-color",
"css-var": "navbar-dropdown-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "navbar-dropdown-border-l",
"css-var": "navbar-dropdown-border-l",
"value": "var(--bulma-border-l)"
},
{
"name": "navbar-dropdown-border-color",
"css-var": "navbar-dropdown-border-color",
"value": "hsl(\n var(--bulma-navbar-h),\n var(--bulma-navbar-s),\n var(--bulma-navbar-dropdown-border-l)\n)"
},
{
"name": "navbar-dropdown-border-style",
"css-var": "navbar-dropdown-border-style",
"value": "solid"
},
{
"name": "navbar-dropdown-border-width",
"css-var": "navbar-dropdown-border-width",
"value": "0.125em"
},
{
"name": "navbar-dropdown-offset",
"css-var": "navbar-dropdown-offset",
"value": "-0.25em"
},
{
"name": "navbar-dropdown-arrow",
"css-var": "navbar-dropdown-arrow",
"value": "var(--bulma-link)"
},
{
"name": "navbar-dropdown-radius",
"css-var": "navbar-dropdown-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "navbar-dropdown-z",
"css-var": "navbar-dropdown-z",
"value": "20"
},
{
"name": "navbar-dropdown-boxed-radius",
"css-var": "navbar-dropdown-boxed-radius",
"value": "var(--bulma-radius-large)"
},
{
"name": "navbar-dropdown-boxed-shadow",
"css-var": "navbar-dropdown-boxed-shadow",
"value": "0 0.5em 0.5em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n),\n0 0 0 1px hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n)"
"value": "0 0.5em 0.5em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n ),\n 0 0 0 1px\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n )"
},
{
"name": "navbar-divider-background-l",
"css-var": "navbar-divider-background-l",
"value": "var(--bulma-background-l)"
},
{
"name": "navbar-divider-height",
"css-var": "navbar-divider-height",
"value": "0.125em"
},
{
"name": "navbar-bottom-box-shadow-size",
"css-var": "navbar-bottom-box-shadow-size",
"value": "0 -0.125em 0 0"
},
{
"name": "navbar-breakpoint",
"value": "iv.$desktop"
},
{
"name": "navbar-colors",
"value": "dv.$colors"
}
],
"css-vars": [
{
"name": "navbar-height",
"css-var": "navbar-height",
"value": "3.25rem"
}
]
}
}

View file

@ -87,7 +87,7 @@
},
{
"name": "pagination-shadow-inset",
"value": "inset 0 0.0625em 0.125em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n)",
"value": "inset 0 0.0625em 0.125em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n )",
"css-var": "pagination-shadow-inset"
}
],
@ -226,7 +226,7 @@
},
{
"name": "pagination-shadow-inset",
"value": "inset 0 0.0625em 0.125em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n)"
"value": "inset 0 0.0625em 0.125em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n )"
},
{
"name": "pagination-selected-item-h",
@ -253,4 +253,4 @@
"value": "#{$pagination-selected-item-color-l},"
}
]
}
}

View file

@ -1,9 +1,4 @@
{
"sass-vars": [],
"css-vars": [
{
"name": "block-spacing",
"value": "1.5rem"
}
]
}
"css-vars": []
}

View file

@ -27,12 +27,12 @@
},
{
"name": "box-link-hover-shadow",
"value": "0 0.5em 1em -0.125em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.1\n),\n0 0 0 1px var(--bulma-link)",
"value": "0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), #{cv.getVar(\n \"scheme-invert-l\"\n )}, 0.1),\n 0 0 0 1px var(--bulma-link)",
"css-var": "box-link-hover-shadow"
},
{
"name": "box-link-active-shadow",
"value": "inset 0 1px 2px hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n),\n0 0 0 1px var(--bulma-link)",
"value": "inset 0 1px 2px\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n ),\n 0 0 0 1px var(--bulma-link)",
"css-var": "box-link-active-shadow"
}
],
@ -59,11 +59,11 @@
},
{
"name": "box-link-hover-shadow",
"value": "0 0.5em 1em -0.125em hsla(\nvar(--bulma-scheme-h),\nvar(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1),\n0 0 0 1px var(--bulma-link)"
"value": "0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), #{cv.getVar(\n \"scheme-invert-l\"\n )}, 0.1),\n 0 0 0 1px var(--bulma-link)"
},
{
"name": "box-link-active-shadow",
"value": "inset 0 1px 2px hsla( var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2),\n0 0 0 1px var(--bulma-link)"
"value": "inset 0 1px 2px\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.2\n ),\n 0 0 0 1px var(--bulma-link)"
}
]
}
}

View file

@ -148,6 +148,10 @@
{
"name": "button-colors",
"value": "dv.$colors"
},
{
"name": "button-responsive-sizes",
"value": "(\n \"mobile\": (\n \"small\": calc(var(--bulma-size-small) * 0.75),\n \"normal\": calc(var(--bulma-size-small) * 0.875),\n \"medium\": var(--bulma-size-small),\n \"large\": var(--bulma-size-normal),\n ),\n \"tablet-only\": (\n \"small\": calc(var(--bulma-size-small) * 0.875),\n \"normal\": var(--bulma-size-small),\n \"medium\": var(--bulma-size-normal),\n \"large\": var(--bulma-size-medium),\n ),\n)"
}
],
"css-vars": [
@ -268,4 +272,4 @@
"value": "var(--bulma-border)"
}
]
}
}

View file

@ -1,21 +1,4 @@
{
"sass-vars": [],
"css-vars": [
{
"name": "delete-dimensions",
"value": "1.25rem"
},
{
"name": "delete-background-l",
"value": "0%"
},
{
"name": "delete-background-alpha",
"value": "0.5"
},
{
"name": "delete-color",
"value": "var(--bulma-white)"
}
]
}
"css-vars": []
}

View file

@ -97,7 +97,7 @@
},
{
"name": "table-striped-row-even-hover-background-color",
"value": "var(--bulma-scheme-main-ter)",
"value": "cv.getVar(\n \"scheme-main-ter\"\n)",
"css-var": "table-striped-row-even-hover-background-color"
},
{
@ -187,4 +187,4 @@
"value": "cv.getVar(\n \"scheme-main-ter\"\n)"
}
]
}
}

View file

@ -36,6 +36,10 @@
"name": "file-name-max-width",
"value": "16em",
"css-var": "file-name-max-width"
},
{
"name": "file-colors",
"value": "shared.$form-colors"
}
],
"css-vars": [
@ -120,4 +124,4 @@
"value": "#{$file-active-color-l-delta},"
}
]
}
}

View file

@ -1,174 +0,0 @@
{
"sass-vars": [
{
"name": "control-radius",
"value": "var(--bulma-radius)",
"css-var": "control-radius"
},
{
"name": "control-radius-small",
"value": "var(--bulma-radius-small)",
"css-var": "control-radius-small"
},
{
"name": "control-border-width",
"value": "1px",
"css-var": "control-border-width"
},
{
"name": "control-size",
"value": "var(--bulma-size-normal)",
"css-var": "control-size"
},
{
"name": "control-height",
"value": "2.5em",
"css-var": "control-height"
},
{
"name": "control-line-height",
"value": "1.5",
"css-var": "control-line-height"
},
{
"name": "control-padding-vertical",
"value": "calc(0.5em - 1px)",
"css-var": "control-padding-vertical"
},
{
"name": "control-padding-horizontal",
"value": "calc(0.75em - 1px)",
"css-var": "control-padding-horizontal"
},
{
"name": "control-focus-shadow-l",
"value": "50%",
"css-var": "control-focus-shadow-l"
},
{
"name": "label-color",
"css-var": "label-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "label-weight",
"css-var": "label-weight",
"value": "var(--bulma-weight-semibold)"
},
{
"name": "help-size",
"css-var": "help-size",
"value": "var(--bulma-size-small)"
}
],
"css-vars": [
{
"name": "input-h",
"value": "var(--bulma-scheme-h)"
},
{
"name": "input-s",
"value": "var(--bulma-scheme-s)"
},
{
"name": "input-l",
"value": "var(--bulma-scheme-main-l)"
},
{
"name": "input-border-l",
"value": "var(--bulma-border-l)"
},
{
"name": "input-border-l-delta",
"value": "0%"
},
{
"name": "input-hover-border-l-delta",
"value": "var(--bulma-hover-border-l-delta)"
},
{
"name": "input-active-border-l-delta",
"value": "var(--bulma-active-border-l-delta)"
},
{
"name": "input-focus-h",
"value": "var(--bulma-focus-h)"
},
{
"name": "input-focus-s",
"value": "var(--bulma-focus-s)"
},
{
"name": "input-focus-l",
"value": "var(--bulma-focus-l)"
},
{
"name": "input-focus-shadow-size",
"value": "var(--bulma-focus-shadow-size)"
},
{
"name": "input-focus-shadow-alpha",
"value": "var(--bulma-focus-shadow-alpha)"
},
{
"name": "input-color-l",
"value": "var(--bulma-text-strong-l)"
},
{
"name": "input-background-l",
"value": "var(--bulma-scheme-main-l)"
},
{
"name": "input-background-l-delta",
"value": "0%"
},
{
"name": "input-height",
"value": "var(--bulma-control-height)"
},
{
"name": "input-shadow",
"value": "inset 0 0.0625em 0.125em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.05\n )"
},
{
"name": "input-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)"
},
{
"name": "input-disabled-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "input-disabled-background-color",
"value": "var(--bulma-background)"
},
{
"name": "input-disabled-border-color",
"value": "var(--bulma-background)"
},
{
"name": "input-disabled-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)"
},
{
"name": "input-arrow",
"value": "var(--bulma-link)"
},
{
"name": "input-icon-color",
"value": "var(--bulma-text-light)"
},
{
"name": "input-icon-hover-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "input-icon-focus-color",
"value": "var(--bulma-link)"
},
{
"name": "input-radius",
"value": "var(--bulma-radius)"
}
]
}

View file

@ -1,249 +0,0 @@
{
"sass-vars": [
{
"name": "input-h",
"value": "var(--bulma-scheme-h)",
"css-var": "input-h"
},
{
"name": "input-s",
"value": "var(--bulma-scheme-s)",
"css-var": "input-s"
},
{
"name": "input-l",
"value": "var(--bulma-scheme-main-l)",
"css-var": "input-l"
},
{
"name": "input-border-l",
"value": "var(--bulma-border-l)",
"css-var": "input-border-l"
},
{
"name": "input-border-l-delta",
"value": "0%",
"css-var": "input-border-l-delta"
},
{
"name": "input-hover-border-l-delta",
"value": "var(--bulma-hover-border-l-delta)",
"css-var": "input-hover-border-l-delta"
},
{
"name": "input-active-border-l-delta",
"value": "var(--bulma-active-border-l-delta)",
"css-var": "input-active-border-l-delta"
},
{
"name": "input-color-l",
"value": "var(--bulma-text-strong-l)",
"css-var": "input-color-l"
},
{
"name": "input-background-l",
"value": "var(--bulma-scheme-main-l)",
"css-var": "input-background-l"
},
{
"name": "input-background-l-delta",
"value": "0%",
"css-var": "input-background-l-delta"
},
{
"name": "input-height",
"value": "var(--bulma-control-height)",
"css-var": "input-height"
},
{
"name": "input-shadow",
"value": "inset 0 0.0625em 0.125em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.05\n)",
"css-var": "input-shadow"
},
{
"name": "input-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)",
"css-var": "input-placeholder-color"
},
{
"name": "input-focus-h",
"value": "var(--bulma-focus-h)",
"css-var": "input-focus-h"
},
{
"name": "input-focus-s",
"value": "var(--bulma-focus-s)",
"css-var": "input-focus-s"
},
{
"name": "input-focus-l",
"value": "var(--bulma-focus-l)",
"css-var": "input-focus-l"
},
{
"name": "input-focus-shadow-size",
"value": "var(--bulma-focus-shadow-size)",
"css-var": "input-focus-shadow-size"
},
{
"name": "input-focus-shadow-alpha",
"value": "var(--bulma-focus-shadow-alpha)",
"css-var": "input-focus-shadow-alpha"
},
{
"name": "input-disabled-color",
"value": "var(--bulma-text-weak)",
"css-var": "input-disabled-color"
},
{
"name": "input-disabled-background-color",
"value": "var(--bulma-background)",
"css-var": "input-disabled-background-color"
},
{
"name": "input-disabled-border-color",
"value": "var(--bulma-background)",
"css-var": "input-disabled-border-color"
},
{
"name": "input-disabled-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)",
"css-var": "input-disabled-placeholder-color"
},
{
"name": "input-arrow",
"value": "var(--bulma-link)",
"css-var": "input-arrow"
},
{
"name": "input-icon-color",
"value": "var(--bulma-text-light)",
"css-var": "input-icon-color"
},
{
"name": "input-icon-hover-color",
"value": "var(--bulma-text-weak)",
"css-var": "input-icon-hover-color"
},
{
"name": "input-icon-focus-color",
"value": "var(--bulma-link)",
"css-var": "input-icon-focus-color"
},
{
"name": "input-radius",
"value": "var(--bulma-radius)",
"css-var": "input-radius"
}
],
"css-vars": [
{
"name": "input-h",
"value": "var(--bulma-scheme-h)"
},
{
"name": "input-s",
"value": "var(--bulma-scheme-s)"
},
{
"name": "input-l",
"value": "var(--bulma-scheme-main-l)"
},
{
"name": "input-border-l",
"value": "var(--bulma-border-l)"
},
{
"name": "input-border-l-delta",
"value": "0%"
},
{
"name": "input-hover-border-l-delta",
"value": "var(--bulma-hover-border-l-delta)"
},
{
"name": "input-active-border-l-delta",
"value": "var(--bulma-active-border-l-delta)"
},
{
"name": "input-focus-h",
"value": "var(--bulma-focus-h)"
},
{
"name": "input-focus-s",
"value": "var(--bulma-focus-s)"
},
{
"name": "input-focus-l",
"value": "var(--bulma-focus-l)"
},
{
"name": "input-focus-shadow-size",
"value": "var(--bulma-focus-shadow-size)"
},
{
"name": "input-focus-shadow-alpha",
"value": "var(--bulma-focus-shadow-alpha)"
},
{
"name": "input-color-l",
"value": "var(--bulma-text-strong-l)"
},
{
"name": "input-background-l",
"value": "var(--bulma-scheme-main-l)"
},
{
"name": "input-background-l-delta",
"value": "0%"
},
{
"name": "input-height",
"value": "var(--bulma-control-height)"
},
{
"name": "input-shadow",
"value": "inset 0 0.0625em 0.125em hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.05\n)"
},
{
"name": "input-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)"
},
{
"name": "input-disabled-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "input-disabled-background-color",
"value": "var(--bulma-background)"
},
{
"name": "input-disabled-border-color",
"value": "var(--bulma-background)"
},
{
"name": "input-disabled-placeholder-color",
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)"
},
{
"name": "input-arrow",
"value": "var(--bulma-link)"
},
{
"name": "input-icon-color",
"value": "var(--bulma-text-light)"
},
{
"name": "input-icon-hover-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "input-icon-focus-color",
"value": "var(--bulma-link)"
},
{
"name": "input-radius",
"value": "var(--bulma-radius)"
}
]
}

View file

@ -1,41 +0,0 @@
{
"sass-vars": [
{
"name": "textarea-padding",
"css-var": "textarea-padding",
"value": "var(--bulma-control-padding-horizontal)"
},
{
"name": "textarea-max-height",
"css-var": "textarea-max-height",
"value": "40em"
},
{
"name": "textarea-min-height",
"css-var": "textarea-min-height",
"value": "8em"
}
],
"css-vars": [
{
"name": "input-h",
"value": "#{cv.getVar(\"scheme-h\")},"
},
{
"name": "input-s",
"value": "#{cv.getVar(\"scheme-s\")},"
},
{
"name": "input-border-style",
"value": "solid,"
},
{
"name": "input-border-width",
"value": "1px,"
},
{
"name": "input-border-l",
"value": "#{cv.getVar(\"border-l\")},"
}
]
}

View file

@ -2,14 +2,12 @@
"sass-vars": [
{
"name": "container-offset",
"css-var": "container-offset",
"value": "64px"
"value": "2 * iv.$gap"
},
{
"name": "container-max-width",
"css-var": "container-max-width",
"value": "1408px"
"value": "iv.$fullhd"
}
],
"css-vars": []
}
}

View file

@ -26,19 +26,8 @@
"css-var": "hero-body-padding-large"
},
{
"name": "hero-gradient-h-offset",
"value": "5deg",
"css-var": "hero-gradient-h-offset"
},
{
"name": "hero-gradient-s-offset",
"value": "10%",
"css-var": "hero-gradient-s-offset"
},
{
"name": "hero-gradient-l-offset",
"value": "5%",
"css-var": "hero-gradient-l-offset:"
"name": "hero-colors",
"value": "dv.$colors"
}
],
"css-vars": [
@ -63,4 +52,4 @@
"value": "18rem 6rem"
}
]
}
}

View file

@ -6,4 +6,4 @@
}
],
"css-vars": []
}
}

View file

@ -1,7 +1,7 @@
<div
{% if include.unsplash %}
class="bd-logos-item"
style="background-image: url(/assets/images/unsplash/{{ include.unsplash }}.jpg)"
style="background-image: url(https://source.unsplash.com/{{ include.unsplash }}/480x480)"
{% else %}
class="bd-logos-item is-transparent"
{% endif %}

View file

@ -2,14 +2,8 @@
{% assign subtab = include.subtab | default: page.doc-subtab %}
{% assign data = include.data | default: site.data.variables[tab][subtab] %}
{% assign sass_vars = include.data | default: data["sass-vars"] %}
{% assign sass_vars_size = sass_vars | size %}
{% assign css_vars = include.data | default: data["css-vars"] %}
{% assign css_vars_size = css_vars | size %}
{% if sass_vars_size > 0 or css_vars_size > 0 %}
{% include docs/elements/anchor.html name="Sass and CSS variables" %}
{% if sass_vars_size > 0 %}
<div class="bd-vars-table block table-container">
<table>
<thead>
@ -20,7 +14,7 @@
<span>Sass Variable</span>
</div>
</th>
{% unless include.hide_css_vars or page.meta.hide_css_vars %}
{% unless include.hide_css_vars %}
<th>
<div class="icon-text">
<span class="icon has-text-link"><i class="fab fa-css3"></i></span>
@ -42,7 +36,7 @@
{% unless sass_var["value"] == "dv.$colors" %}
<tr>
<td class="bd-theme-sass">{% highlight sass %}${{ sass_var["name"] }}{% endhighlight %}</td>
{% unless include.hide_css_vars or page.meta.hide_css_vars %}
{% unless include.hide_css_vars %}
<td class="bd-theme-code">{% highlight css %}var(--bulma-{{ sass_var["css-var"] }}){% endhighlight %}</td>
{% endunless %}
<td class="bd-theme-docs">{% highlight css %}{{ sass_var["value"] }}{% endhighlight %}</td>
@ -52,35 +46,3 @@
</tbody>
</table>
</div>
{% elsif css_vars_size > 0 %}
<div class="bd-vars-table block table-container">
<table>
<thead>
<tr>
<th>
<div class="icon-text">
<span class="icon has-text-link"><i class="fab fa-css3"></i></span>
<span>CSS Variable</span>
</div>
</th>
<th>
<div class="icon-text">
<span class="icon has-text-success"><i class="fas fa-code"></i></span>
<span>Value</span>
</div>
</th>
</tr>
</thead>
<tbody>
{% for css_var in css_vars %}
<tr>
<td class="bd-theme-sass">{% highlight sass %}var(--bulma-{{ css_var["name"] }}){% endhighlight %}</td>
<td class="bd-theme-docs">{% highlight css %}{{ css_var["value"] }}{% endhighlight %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
{% endif %}

View file

@ -33,13 +33,13 @@
<ul class="bd-tw-actions">
<li class="bd-tw-action is-reply">
<a class="bd-tw-action-link" href="https://x.com/intent/tweet?in_reply_to={{ tweet.id }}">
<a class="bd-tw-action-link" href="https://twitter.com/intent/tweet?in_reply_to={{ tweet.id }}">
<div class="bd-tw-icon"></div>
</a>
</li>
<li class="bd-tw-action is-retweet">
<a class="bd-tw-action-link" href="https://x.com/intent/retweet?tweet_id={{ tweet.id }}">
<a class="bd-tw-action-link" href="https://twitter.com/intent/retweet?tweet_id={{ tweet.id }}">
<div class="bd-tw-icon"></div>
{% if tweet.retweets != 0 %}
<span class="bd-tw-action-stat">
@ -50,7 +50,7 @@
</li>
<li class="bd-tw-action is-heart">
<a class="bd-tw-action-link" href="https://x.com/intent/like?tweet_id={{ tweet.id }}&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i={{ tweet.id }}&amp;tw_p=tweetembed" target="_blank">
<a class="bd-tw-action-link" href="https://twitter.com/intent/like?tweet_id={{ tweet.id }}&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i={{ tweet.id }}&amp;tw_p=tweetembed" target="_blank">
<div class="bd-tw-icon"></div>
{% if tweet.hearts != 0 %}
<span class="bd-tw-action-stat">

View file

@ -1,5 +1,5 @@
{% assign link = site.data.links.by_id[include.link_id] %} {% assign cleanpath =
link.path | remove: '/' %}
{% assign link = site.data.links.by_id[include.link_id] %}
{% assign cleanpath = link.path | remove: '/' %}
<a
class="
@ -17,30 +17,28 @@ link.path | remove: '/' %}
{% endif %}
"
title="{{ link.subtitle | strip_html }}"
{%
if
link.href
%}
href="{{ link.href }}"
target="_blank"
{%
else
%}
href="{{ site.url }}{{ link.path }}"
{%
endif
%}
{% if link.href %}
href="{{ link.href }}"
target="_blank"
{% else %}
href="{{ site.url }}{{ link.path }}"
{% endif %}
>
<span class="icon">
<i class="{{ link.icon }}"></i>
</span>
{% unless link.icon_only %}
<span class="bd-nav-item-name">
{% if link.long_name %}
<span class="is-hidden-fullhd">{{ link.name }}</span>
<span class="is-hidden is-block-fullhd">{{ link.long_name }}</span>
{% else %} {{ link.name }} {% endif %}
</span>
<span class="bd-nav-item-name">
{% if link.long_name %}
<span class="is-hidden-fullhd">{{ link.name }}</span>
<span class="is-hidden is-block-fullhd">{{ link.long_name }}</span>
{% else %}
{{ link.name }}
{% endif %}
{% if include.link_id == "shop" %}
<span class="tag is-success ml-1">New!</span>
{% endif %}
</span>
{% endunless %}
</a>

View file

@ -1,13 +0,0 @@
<a href="https://cssmasterclass.io/" target="_blank" class="launch-code is-animated">
<h3><img
src="{{site.url}}/assets/images/masterclass/logo-desktop.png"
height="40"
width="300"
/>
</h3>
<small>
Learn CSS with 🎓 online interactive courses,📺 educational videos, and
🧑🏻💻project-building tutorials.
</small>
</a>

View file

@ -1,8 +1,5 @@
<div id="carboncontainer" class="bd-carbon">
<div id="carbon">
<a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 26; max-width: 400px; max-height: 260px;">
<img src="{{ site.url }}/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
</a>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js"></script>
</div>
</div>

View file

@ -1,43 +0,0 @@
<div id="masterclass" class="masterclass">
<div id="masterclass-background" class="masterclass-background"></div>
<a class="masterclass-body" href="https://cssmasterclass.io/" target="_blank">
<div class="masterclass-content is-hidden-desktop">
<img
src="{{site.url}}/assets/images/masterclass/logo-mobile.png"
height="68"
width="240"
/>
<img
src="{{site.url}}/assets/images/masterclass/text-mobile.png"
height="99"
width="228"
/>
<div class="shine">
<span>Get started for Free</span>
</div>
</div>
<div class="masterclass-content is-hidden-touch">
<img
src="{{site.url}}/assets/images/masterclass/logo-desktop.png"
height="50"
width="378"
/>
<img
src="{{site.url}}/assets/images/masterclass/text-desktop.png"
height="58"
width="571"
/>
<div class="shine">
<span>Get started for Free</span>
</div>
</div>
</a>
<button
id="masterclass-close"
class="modal-close is-large"
aria-label="close"
></button>
</div>

View file

@ -4,8 +4,6 @@
{% include global/head.html %}
</head>
<body>
{% include website/banner.html %}
{{ content }}
{% if page.modals %}
@ -32,6 +30,5 @@
</script>
<script src="{{ site.url }}/assets/javascript/main.js"></script>
{% include global/customizer.html %}
{% include website/masterclass.html %}
</body>
</html>

View file

@ -39,9 +39,10 @@ route: documentation
{{ content }}
{% endif %}
{% if page.meta.variables %}
{% include docs/components/variables.html %}
{% endif %}
{% if page.meta.variables %}
{% include docs/elements/anchor.html name="Sass and CSS variables" %}
{% include docs/components/variables.html %}
{% endif %}
</div>
{% include docs/components/pagination.html %}

View file

@ -38,7 +38,6 @@
display: flex;
flex-direction: column;
gap: var(--p);
overflow: hidden;
}
.bd-docs-button {

View file

@ -28,7 +28,7 @@
}
.bulma-overlay-mixin-parent {
background-image: url(/assets/images/unsplash/La2kOu2dmH4.jpg);
background-image: url(https://source.unsplash.com/La2kOu2dmH4/640x320);
background-size: cover;
border-radius: 0.5em;
position: relative;
@ -73,7 +73,7 @@
}
.bulma-center-mixin-parent {
background-image: url(/assets/images/unsplash/La2kOu2dmH4.jpg);
background-image: url(https://source.unsplash.com/xo3Bd2tYeqg/640x320);
background-size: cover;
border-radius: 0.5em;
position: relative;

View file

@ -37,7 +37,7 @@
}
}
@media screen and (min-width: 1400px) {
@media screen and (min-width: 1000px) {
.bd-hero.is-docs {
flex-wrap: nowrap;
@ -47,6 +47,12 @@
}
}
@media screen and (min-width: 1200px) {
.bd-hero.is-docs {
flex-wrap: nowrap;
}
}
.bd-hero-title {
color: hsl(
cv.getVar("text-h"),
@ -93,10 +99,6 @@
}
.bd-carbon {
aspect-ratio: 40 / 26;
max-height: 280px !important;
max-width: 400px !important;
&,
& > div {
align-items: center;
@ -105,6 +107,7 @@
}
> div {
aspect-ratio: 40 / 26;
height: 280px !important;
width: 400px !important;
}
}

View file

@ -1,4 +1,3 @@
@use "sass:list";
@use "sass/utilities/css-variables" as cv;
@use "../utils";
@ -129,8 +128,8 @@
$bubble-order: ("axbom", "jesseschoff", "ale_codes", "MyTopSecretName");
$delay-factor: 0.3s;
@for $index from 1 through list.length($bubble-order) {
$name: list.nth($bubble-order, $index);
@for $index from 1 through length($bubble-order) {
$name: nth($bubble-order, $index);
.js-bubble-#{$name} {
.bd-bubble-content {

View file

@ -1,4 +1,3 @@
@use "sass:color";
@use "sass/utilities/mixins" as mx;
@use "sass/themes/light";
@ -73,11 +72,11 @@ $sass: #bf4080;
color: light.$scheme-main;
&:hover {
background-color: color.adjust($mauve, $lightness: -2.5%);
background-color: darken($mauve, 2.5%);
}
&:active {
background-color: color.adjust($mauve, $lightness: -5%);
background-color: darken($mauve, 5%);
}
}
@ -86,11 +85,11 @@ $sass: #bf4080;
color: light.$scheme-main;
&:hover {
background-color: color.adjust($pink, $lightness: -2.5%);
background-color: darken($pink, 2.5%);
}
&:active {
background-color: color.adjust($pink, $lightness: -5%);
background-color: darken($pink, 5%);
}
}
}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 970 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 468 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 247 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

View file

@ -108,18 +108,10 @@ document.addEventListener("DOMContentLoaded", () => {
// MODALS
// Functions to open and close a modal
function openModal($el) {
if (!$el) {
return;
}
$el.classList.add("is-active");
}
function closeModal($el) {
if (!$el) {
return;
}
$el.classList.remove("is-active");
}
@ -424,38 +416,4 @@ document.addEventListener("DOMContentLoaded", () => {
new window.ClipboardJS(".bd-clipboard");
}, 100);
// MASTERCLASS
const MASTERCLASS_KEY = "cssmasterclass";
const $masterclass = document.getElementById("masterclass");
const $masterclassBackground = document.getElementById(
"masterclass-background",
);
const $masterclassClose = document.getElementById("masterclass-close");
const masterclassStorage = window.localStorage.getItem(MASTERCLASS_KEY);
if (masterclassStorage !== "seen") {
window.setTimeout(() => {
openMasterclass();
}, 3000);
}
const openMasterclass = () => {
$masterclass.classList.add("is-open");
};
const closeMasterclass = () => {
window.localStorage.setItem(MASTERCLASS_KEY, "seen");
$masterclass.classList.remove("is-open");
};
$masterclassBackground.addEventListener("click", (event) => {
event.preventDefault();
closeMasterclass();
});
$masterclassClose.addEventListener("click", (event) => {
event.preventDefault();
closeMasterclass();
});
});

View file

@ -282,7 +282,7 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="content">
<h4>3. Add the JS for the trigger</h4>
<p>In a <code>script</code> element (or in a separate <code>.js</code> file), add the following JS code:</p>
<p>In a <code>script</code> element (or in a seperate <code>.js</code> file), add the following JS code:</p>
</div>
{% highlight javascript -%}

View file

@ -482,8 +482,9 @@ name="Combining" %}
</div>
{% include docs/elements/snippet.html content=tabs_centered_boxed_example
horizontal=true more=true %}
{% include docs/elements/snippet.html content=tabs_toggle_fullwidth_example horizontal=true more=true %}
{% include docs/elements/snippet.html content=tabs_centered_boxed_medium_example
horizontal=true more=true %}
{% include docs/elements/snippet.html content=tabs_toggle_fullwidth_large_example horizontal=true more=true %}
horizontal=true more=true %} {% include docs/elements/snippet.html
content=tabs_toggle_fullwidth_example horizontal=true more=true %} {% include
docs/elements/snippet.html content=tabs_centered_boxed_medium_example
horizontal=true more=true %} {% include docs/elements/snippet.html
content=tabs_toggle_fullwidth_large_example horizontal=true more=true %} {%
include docs/components/variables.html type='component' %}

View file

@ -82,6 +82,6 @@ If you wanted to import a component **and** customize it, do the same when impor
{% highlight sass %}
@use "bulma/sass/elements/image" with (
$dimensions: 20 40 80 160,
$dimensions: 20 40 80 160;
);
{% endhighlight %}

View file

@ -78,5 +78,3 @@ meta:
</div>
{% include docs/elements/snippet.html content=cross_elements_example %}
{% include docs/components/variables.html %}

View file

@ -21,7 +21,6 @@ meta:
colors: false
sizes: false
variables: true
hide_css_vars: true
---
{% capture image %}
<figure class="image is-128x128">

View file

@ -862,3 +862,7 @@ meta:
{{- scrollable_table -}}
{%- endhighlight %}
{{ simple_scrollable_table_example }}
{%
include docs/components/variables.html
type='element'
%}

View file

@ -259,70 +259,70 @@ For Dark Mode, Bulma will keep the same hue and saturation of the main scheme co
<tr>
<th><code>--bulma-scheme-main-l</code></th>
<td><code>100%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));"></span></td>
<td><code>11%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-scheme-main-bis-l</code></th>
<td><code>98%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l));"></span></td>
<td><code>13%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-scheme-main-ter-l</code></th>
<td><code>98%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l));"></span></td>
<td><code>15%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-background-l</code></th>
<td><code>96%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));"></span></td>
<td><code>14%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-border-weak-l</code></th>
<td><code>93%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));"></span></td>
<td><code>21%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-border-l</code></th>
<td><code>86%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));"></span></td>
<td><code>24%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-text-weak-l</code></th>
<td><code>48%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-weak-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-weak-l));"></span></td>
<td><code>53%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-weak-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-text-l</code></th>
<td><code>29%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-l));"></span></td>
<td><code>71%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-text-strong-l</code></th>
<td><code>21%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-strong-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-strong-l));"></span></td>
<td><code>93%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-strong-l));"></span></td>
</tr>
<tr>
<th><code>--bulma-text-title-l</code></th>
<td><code>14%</code></td>
<td class="theme-light"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-title-l));"></span></td>
<td><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-title-l));"></span></td>
<td><code>100%</code></td>
<td class="theme-dark"><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-title-l));"></span></td>
</tr>

View file

@ -450,3 +450,7 @@ meta:
</div>
{% include docs/elements/snippet.html horizontal=true content=file_javascript %}
{%
include docs/components/variables.html type='element'
variables_keys=page.variables_keys folder='elements' file='form'
%}

View file

@ -915,8 +915,7 @@ variables_keys:
<li><code>icon is-left</code> if <code>has-icons-left</code> is used</li>
<li><code>icon is-right</code> if <code>has-icons-right</code> is used</li>
</ul>
<p>Make sure the input is the control's first child, otherwise the icon may disappear when selected. The size of the
<strong>input</strong> will define the size of the icon container.</p>
<p>The size of the <strong>input</strong> will define the size of the icon container.</p>
</div>
{% include docs/elements/snippet.html content=icons_example clipped=true %}
@ -1109,3 +1108,14 @@ variables_keys:
folder='utilities'
file='controls'
%}
{%
include docs/components/variables.html
anchor_name='Form variables'
type='element'
variables_keys=page.variables_keys
folder='elements'
file='form'
hide_anchor=true
hide_content=true
%}

View file

@ -442,3 +442,8 @@ meta:
{%- endhighlight %}
</div>
</div>
{%
include docs/components/variables.html type='element'
variables_keys=page.variables_keys folder='elements' file='form'
%}

View file

@ -12,7 +12,7 @@ breadcrumb:
meta:
colors: true
sizes: true
variables: true
variables: false
---
{% capture textarea_example %}
<textarea class="textarea" placeholder="e.g. Hello world"></textarea>

View file

@ -15,7 +15,6 @@ meta:
colors: false
sizes: true
variables: true
hide_css_vars: true
---
{% capture container_example %}
@ -311,4 +310,6 @@ maximum widths" %}
<div class="bd-example is-fullwidth">{{ container_fluid_example }}</div>
{% highlight html -%} {{- container_fluid_example -}} {%- endhighlight %}
{% highlight html -%} {{- container_fluid_example -}} {%- endhighlight %} {%
include docs/components/variables.html type='element'
data=site.data.variables.elements.container %}

View file

@ -9,8 +9,6 @@ breadcrumb:
- documentation
- layout
- layout-footer
meta:
variables: true
---
{% capture footer_example %}
<footer class="footer">

View file

@ -9,9 +9,6 @@ breadcrumb:
- documentation
- layout
- layout-level
meta:
variables: true
hide_css_vars: true
---
{% capture nav_example %}
<!-- Main container -->

View file

@ -9,8 +9,6 @@ breadcrumb:
- documentation
- layout
- layout-media
meta:
variables: true
---
{% capture media_example %}
<article class="media">

View file

@ -10,8 +10,6 @@ breadcrumb:
- documentation
- layout
- layout-section
meta:
variables: true
---
{% capture section_example %}
<section class="section">

View file

@ -217,7 +217,7 @@ breadcrumb:
{% capture center %}
<div class="bulma-center-mixin-parent">
<img class="bulma-center-mixin" height="96" width="96" src="/assets/images/unsplash/mEZ3PoFGs_k.jpg">
<img class="bulma-center-mixin" height="96" width="96" src="https://source.unsplash.com/mEZ3PoFGs_k/192x192">
</div>
{% endcapture %}
@ -267,7 +267,7 @@ breadcrumb:
{% capture clearfix %}
<div class="bulma-clearfix-mixin">
<img height="80" width="80" style="float: left;" src="/assets/images/unsplash/La2kOu2dmH4.jpg">
<img height="80" width="80" style="float: left;" src="https://source.unsplash.com/La2kOu2dmH4/160x160">
<p>This is a short image description.</p>
</div>
@ -458,7 +458,7 @@ breadcrumb:
{% capture ltr-position %}
<div class="bulma-ltr-position-mixin-parent">
<img class="bulma-ltr-position-mixin" height="48" width="48" src="/assets/images/unsplash/iFgRcqHznqg.jpg">
<img class="bulma-ltr-position-mixin" height="48" width="48" src="https://source.unsplash.com/iFgRcqHznqg/96x96">
<p>Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum.</p>
</div>
{% endcapture %}
@ -523,7 +523,7 @@ breadcrumb:
{% capture ltr-property %}
<div class="bulma-ltr-property-mixin-parent">
<p>Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum.</p>
<img class="bulma-ltr-property-mixin" height="96" width="96" src="/assets/images/unsplash/jTSf1xnsoCs.jpg">
<img class="bulma-ltr-property-mixin" height="96" width="96" src="https://source.unsplash.com/jTSf1xnsoCs/192x192">
</div>
{% endcapture %}

View file

@ -31,7 +31,7 @@ breadcrumb:
@use "bulma/sass/base";
@use "bulma/sass/themes";
// Load the button and title elements and components
// Load the button and title elements and compnents
@use "bulma/sass/elements/button";
@use "bulma/sass/elements/title";
@use "bulma/sass/components/message";
@ -159,4 +159,4 @@ $section-padding-large: 18rem 6rem !default;
The <code>@use</code> keyword allows use to configure a module when loading it with our own variables:
</p>
{% highlight sass %}{{ custom_section }}{% endhighlight %}
</div>
</div>

515
docs/package-lock.json generated
View file

@ -9,353 +9,64 @@
"version": "1.0.1",
"license": "MIT",
"devDependencies": {
"@shopify/prettier-plugin-liquid": "^1.6.1",
"prettier": "^3.4.1",
"sass": "^1.81.0"
}
},
"node_modules/@parcel/watcher": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
"integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,
"dependencies": {
"detect-libc": "^1.0.3",
"is-glob": "^4.0.3",
"micromatch": "^4.0.5",
"node-addon-api": "^7.0.0"
},
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
},
"optionalDependencies": {
"@parcel/watcher-android-arm64": "2.5.0",
"@parcel/watcher-darwin-arm64": "2.5.0",
"@parcel/watcher-darwin-x64": "2.5.0",
"@parcel/watcher-freebsd-x64": "2.5.0",
"@parcel/watcher-linux-arm-glibc": "2.5.0",
"@parcel/watcher-linux-arm-musl": "2.5.0",
"@parcel/watcher-linux-arm64-glibc": "2.5.0",
"@parcel/watcher-linux-arm64-musl": "2.5.0",
"@parcel/watcher-linux-x64-glibc": "2.5.0",
"@parcel/watcher-linux-x64-musl": "2.5.0",
"@parcel/watcher-win32-arm64": "2.5.0",
"@parcel/watcher-win32-ia32": "2.5.0",
"@parcel/watcher-win32-x64": "2.5.0"
}
},
"node_modules/@parcel/watcher-android-arm64": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz",
"integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-darwin-arm64": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz",
"integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-darwin-x64": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz",
"integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-freebsd-x64": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz",
"integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm-glibc": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz",
"integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm-musl": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz",
"integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==",
"cpu": [
"arm"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm64-glibc": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz",
"integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-arm64-musl": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz",
"integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-x64-glibc": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz",
"integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-linux-x64-musl": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz",
"integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-win32-arm64": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz",
"integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==",
"cpu": [
"arm64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-win32-ia32": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz",
"integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==",
"cpu": [
"ia32"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/@parcel/watcher-win32-x64": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz",
"integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==",
"cpu": [
"x64"
],
"dev": true,
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
"@shopify/prettier-plugin-liquid": "^1.4.4",
"prettier": "^3.2.4",
"sass": "^1.71.1"
}
},
"node_modules/@shopify/liquid-html-parser": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.1.1.tgz",
"integrity": "sha512-5shGZTB7tK28MzawqBb82n6fbn+77U6al5UrOcUruBUj3GNqHJWjzZVPtXq4fQHrFpXFu6l11x+z+ggdUHT0Ng==",
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.0.3.tgz",
"integrity": "sha512-aIkZ5TJWG7/ztd1sZm5XNpBNTG3B+Q0gv3WN/QahmNQzm2wmKYSHiRLOA8JALAnOGTmH0uqOJ7jzdqoATcZSxw==",
"dev": true,
"license": "MIT",
"dependencies": {
"line-column": "^1.0.2",
"ohm-js": "^16.3.0"
}
},
"node_modules/@shopify/prettier-plugin-liquid": {
"version": "1.6.1",
"resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.6.1.tgz",
"integrity": "sha512-l72sIdCF/GvRsGe3t3rbr0sEIg65Q83yamVoTDjsi9VhXbZJTnrIo/ZSe2dJJFOch61n8zi3tWM9jPjbzEblmA==",
"version": "1.4.4",
"resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.4.4.tgz",
"integrity": "sha512-3mUpcie56y/AnjRtR+mWFFS/tojHAH3b9E01pVuFOCLrq5xwJjBY2aRKp8wrLSMhnn4sECU/qQ/hFfAtPrX6BA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@shopify/liquid-html-parser": "^2.1.1",
"@shopify/liquid-html-parser": "^2.0.3",
"html-styles": "^1.0.0"
},
"peerDependencies": {
"prettier": "^2.0.0 || ^3.0.0"
}
},
"node_modules/anymatch": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
"dev": true,
"dependencies": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
},
"engines": {
"node": ">= 8"
}
},
"node_modules/binary-extensions": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
"dev": true,
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/braces": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"fill-range": "^7.1.1"
},
@ -364,33 +75,27 @@
}
},
"node_modules/chokidar": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
"integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"dev": true,
"license": "MIT",
"dependencies": {
"readdirp": "^4.0.1"
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
},
"engines": {
"node": ">= 14.16.0"
"node": ">= 8.10.0"
},
"funding": {
"url": "https://paulmillr.com/funding/"
}
},
"node_modules/detect-libc": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
"integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
"dev": true,
"license": "Apache-2.0",
"optional": true,
"bin": {
"detect-libc": "bin/detect-libc.js"
},
"engines": {
"node": ">=0.10"
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/fill-range": {
@ -398,8 +103,6 @@
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"to-regex-range": "^5.0.1"
},
@ -407,6 +110,32 @@
"node": ">=8"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/glob-parent": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
"dev": true,
"dependencies": {
"is-glob": "^4.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/html-styles": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/html-styles/-/html-styles-1.0.0.tgz",
@ -414,19 +143,28 @@
"dev": true
},
"node_modules/immutable": {
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz",
"integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==",
"version": "4.3.5",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
"integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
"dev": true
},
"node_modules/is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"dev": true,
"license": "MIT"
"dependencies": {
"binary-extensions": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/is-extglob": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
"node": ">=0.10.0"
}
@ -436,8 +174,6 @@
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"is-extglob": "^2.1.1"
},
@ -450,8 +186,6 @@
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
"node": ">=0.12.0"
}
@ -460,15 +194,13 @@
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
"integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
"dev": true,
"license": "MIT"
"dev": true
},
"node_modules/isobject": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
"integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
"dev": true,
"license": "MIT",
"dependencies": {
"isarray": "1.0.0"
},
@ -481,41 +213,25 @@
"resolved": "https://registry.npmjs.org/line-column/-/line-column-1.0.2.tgz",
"integrity": "sha512-Ktrjk5noGYlHsVnYWh62FLVs4hTb8A3e+vucNZMgPeAOITdshMSgv4cCZQeRDjm7+goqmo6+liZwTXo+U3sVww==",
"dev": true,
"license": "MIT",
"dependencies": {
"isarray": "^1.0.0",
"isobject": "^2.0.0"
}
},
"node_modules/micromatch": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
"node_modules/normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"braces": "^3.0.3",
"picomatch": "^2.3.1"
},
"engines": {
"node": ">=8.6"
"node": ">=0.10.0"
}
},
"node_modules/node-addon-api": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
"dev": true,
"license": "MIT",
"optional": true
},
"node_modules/ohm-js": {
"version": "16.6.0",
"resolved": "https://registry.npmjs.org/ohm-js/-/ohm-js-16.6.0.tgz",
"integrity": "sha512-X9P4koSGa7swgVQ0gt71UCYtkAQGOjciJPJAz74kDxWt8nXbH5HrDOQG6qBDH7SR40ktNv4x61BwpTDE9q4lRA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=0.12.1"
}
@ -525,8 +241,6 @@
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
"node": ">=8.6"
},
@ -535,11 +249,10 @@
}
},
"node_modules/prettier": {
"version": "3.4.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
"integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
"version": "3.2.5",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
"integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
"dev": true,
"license": "MIT",
"bin": {
"prettier": "bin/prettier.cjs"
},
@ -551,28 +264,25 @@
}
},
"node_modules/readdirp": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
"integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 14.16.0"
"dependencies": {
"picomatch": "^2.2.1"
},
"funding": {
"type": "individual",
"url": "https://paulmillr.com/funding/"
"engines": {
"node": ">=8.10.0"
}
},
"node_modules/sass": {
"version": "1.81.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz",
"integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==",
"version": "1.72.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz",
"integrity": "sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==",
"dev": true,
"license": "MIT",
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
@ -580,9 +290,6 @@
},
"engines": {
"node": ">=14.0.0"
},
"optionalDependencies": {
"@parcel/watcher": "^2.4.1"
}
},
"node_modules/source-map-js": {
@ -599,8 +306,6 @@
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"is-number": "^7.0.0"
},

View file

@ -12,8 +12,8 @@
"start": "npm run website-sass -- --watch"
},
"devDependencies": {
"@shopify/prettier-plugin-liquid": "^1.6.1",
"prettier": "^3.4.1",
"sass": "^1.81.0"
"@shopify/prettier-plugin-liquid": "^1.4.4",
"prettier": "^3.2.4",
"sass": "^1.71.1"
}
}

Some files were not shown because too many files have changed in this diff Show more