Compare commits

..

41 commits
1.0.2 ... main

Author SHA1 Message Date
Jeremy Thomas
7f4c17bb55 Fix banner overflow 2025-02-05 14:05:26 +00:00
Jeremy Thomas
96a2497155
Merge pull request #3958 from martinkupa/fix-docs
[Docs] Mention required order on form controls' modifiers
2025-01-17 14:32:07 +00:00
Jeremy Thomas
8bf59deadc Fix banner 2025-01-16 13:01:55 +00:00
martinkupa
cce4b20117 Mention required order on form controls' modifiers 2025-01-10 16:44:45 -03:00
Jeremy Thomas
785418143e Build 1.0.3 2024-12-27 21:25:24 +01:00
Jeremy Thomas
e23cfc1262 Fix README 2024-12-05 15:18:44 +00:00
Jeremy Thomas
33eeeab44e Update docs dependencies 2024-12-04 23:24:49 +00:00
Jeremy Thomas
679bef8568 Update dependencies 2024-12-04 23:24:49 +00:00
Jeremy Thomas
2172fa18c9
Merge pull request #3873 from smudja/patch-1
Correct spelling in modular.html
2024-11-27 16:11:42 +00:00
Jeremy Thomas
eb4ff2ad41
Merge pull request #3930 from jnoordsij/fix-branch-references
Update various references from master to main brach
2024-11-27 16:11:11 +00:00
Jeremy Thomas
3b3ef02f29
Merge pull request #3773 from tonprince/main
fixed disabled state for is-outlined button
2024-11-27 16:01:36 +00:00
Jeremy Thomas
4ebf14b538
Merge pull request #3940 from SomethingNew71/sass-deprecation-fix
Updates deprecated round functions in Sass Build
2024-11-27 15:47:28 +00:00
Cole Gentry
125f8f8994 Updates deprecated round functions
Signed-off-by: Cole Gentry <peapod2007@gmail.com>
2024-11-24 11:44:39 -05:00
Jeremy Thomas
6374a8094d Fix #3926 2024-11-11 10:32:08 +00:00
Jeremy Thomas
5531ee1d11 Fix #3920 2024-11-11 10:22:12 +00:00
Jeremy Thomas
4abe784fc4 Rebuild website CSS 2024-11-07 14:48:46 +00:00
Jeremy Thomas
eaab45a2ca Build CSS 2024-11-07 14:40:23 +00:00
Jeremy Thomas
70ecf0771e Merge branch 'masterclass' 2024-11-07 14:32:06 +00:00
Jeremy Thomas
b85d1898c1 Fix #3918 2024-11-07 14:16:51 +00:00
Jeremy Thomas
1c7fa94bf1 Add fallback 2024-11-07 13:08:51 +00:00
Jeremy Thomas
fc52c88009 Add banner 2024-11-07 12:44:39 +00:00
Jeremy Thomas
66b6a46451 Init Masterclass 2024-11-07 12:26:30 +00:00
Jesper Noordsij
4b3654aad7
Update various references from master to main brach 2024-10-30 16:13:17 +01:00
Jeremy Thomas
3b63997ad2 Remove shop link 2024-10-18 13:53:06 +01:00
Jeremy Thomas
acc5fd2d1e
Merge pull request #3913 from thecodechef/patch-1
Update love.json
2024-10-18 13:50:43 +01:00
Jeremy Bolding
82640b0e14
Update love.json
Updated `@db4you` to `@gebsystems` username and fullname also fixed avatar
2024-09-28 03:48:59 -05:00
Jeremy Thomas
4301d4de48
Merge pull request #3900 from thecodechef/main
[Fixed] the twitter link now show up in twitter cards Fixes #3898
2024-09-20 15:33:30 +01:00
Jeremy Thomas
15ff0be367 Add documentation of all CSS variables available 2024-09-18 14:46:10 +01:00
Jeremy Thomas
29aea4dfc4 Fix #3842: restore use of $easing, $radius-rounded and $speed Sass variables 2024-09-18 12:41:28 +01:00
Jeremy Thomas
9e64f5034f Fix #3849: fix Light Mode color swatches in Dark Mode 2024-09-18 12:38:23 +01:00
Jeremy Thomas
1bc01f2676 Fix #3904, #3884: fix website horizontal overflow 2024-09-18 12:28:20 +01:00
Jeremy Bolding
98e7ac3c12
Merge pull request #1 from thecodechef/update-twitter-links
Changed `twitter.com` to `x.com` in `_includes/docs/elements/tw.html` Fixes #3898
2024-09-11 11:53:59 -05:00
Jeremy Bolding
ac4ba07d78
Changed twitter.com to x.com in _includes/docs/elements/tw.html 2024-09-11 11:49:33 -05:00
Corentin Hervaud
9a1b620195 FIx error in example code in with-modular-sass.html 2024-09-04 16:54:14 +01:00
smudja
664f9f14da
Correct spelling
compnents  -> components
2024-08-05 13:21:12 +02:00
Jeremy Thomas
5c09f18f5f Set 1.0.2 as main version 2024-08-02 20:20:00 +01:00
Jeremy Thomas
0ce430fc1a Update docs packages 2024-08-02 20:19:33 +01:00
Sébastien Conejo
dc8fadb764 feat: Update renamed project: CASE becomes Manifest 2024-08-01 00:15:40 +01:00
Jeremy Thomas
230b21f7fb
Merge pull request #3862 from eltociear/patch-3
docs: update modal.html
2024-07-27 15:53:40 +02:00
Ikko Eltociear Ashimine
09411bcbbf
docs: update modal.html
seperate -> separate
2024-07-27 02:14:35 +09:00
Stefan Sommer
1a84fafd63 fixed disabled state for is-outlined button 2024-04-05 09:17:18 +07:00
130 changed files with 30394 additions and 22500 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 `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) -->
<!-- 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) -->
<!-- 3. Make sure your PR only affects `.sass` or documentation files -->
<!-- 4. [Try your changes](https://github.com/jgthms/bulma/blob/master/.github/CONTRIBUTING.md#try-your-changes). -->
<!-- 4. [Try your changes](https://github.com/jgthms/bulma/blob/main/.github/CONTRIBUTING.md#try-your-changes). -->
<!-- How have you confirmed this feature works? -->
<!-- Please explain more than "Yes". -->

1
.gitignore vendored
View file

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

View file

@ -1,5 +1,21 @@
# 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/master/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/main/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 |
| [CASE](https://case.app) | CASE is Lightweight Backend-as-a-Service with essential features: DB, Admin panel, API, JS SDK |
| [Manifest](https://manifest.build) | Manifest is a 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 <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>
<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>
## 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/master/LICENSE).
Code copyright 2023 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/main/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.2",
"version": "1.0.3",
"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.2 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v1.0.3 | 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.2 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v1.0.3 | 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: 9, 10, 12;
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--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, 244, 246;
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--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, 51, 61;
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--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: 64, 70, 84;
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--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, 178;
--bulma-primary-rgb: 0, 209.1, 177.735;
--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, 88, 255;
--bulma-link-rgb: 66.3, 88.315, 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-100-l);
--bulma-link-45-invert-l: var(--bulma-link-95-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-40-l);
--bulma-link-95-invert-l: var(--bulma-link-45-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, 255;
--bulma-info-rgb: 102, 209.1, 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: 72, 199, 142;
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--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-90-l);
--bulma-success-20-invert-l: var(--bulma-success-95-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-20-l);
--bulma-success-90-invert-l: var(--bulma-success-15-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-20-l);
--bulma-success-light-invert-l: var(--bulma-success-15-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, 15;
--bulma-warning-rgb: 255, 183.09, 15.3;
--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, 133;
--bulma-danger-rgb: 255, 102, 132.6;
--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: 9, 10, 12;
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--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, 244, 246;
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--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, 51, 61;
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--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: 64, 70, 84;
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--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, 178;
--bulma-primary-rgb: 0, 209.1, 177.735;
--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, 88, 255;
--bulma-link-rgb: 66.3, 88.315, 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-100-l);
--bulma-link-45-invert-l: var(--bulma-link-95-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-40-l);
--bulma-link-95-invert-l: var(--bulma-link-45-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, 255;
--bulma-info-rgb: 102, 209.1, 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: 72, 199, 142;
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--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-90-l);
--bulma-success-20-invert-l: var(--bulma-success-95-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-20-l);
--bulma-success-90-invert-l: var(--bulma-success-15-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-20-l);
--bulma-success-light-invert-l: var(--bulma-success-15-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, 15;
--bulma-warning-rgb: 255, 183.09, 15.3;
--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, 133;
--bulma-danger-rgb: 255, 102, 132.6;
--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: 0%;
--bulma-black-on-scheme-l: -51%;
--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: 9, 10, 12;
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--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, 244, 246;
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--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, 51, 61;
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--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: 64, 70, 84;
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--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, 178;
--bulma-primary-rgb: 0, 209.1, 177.735;
--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, 88, 255;
--bulma-link-rgb: 66.3, 88.315, 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-100-l);
--bulma-link-45-invert-l: var(--bulma-link-95-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-40-l);
--bulma-link-95-invert-l: var(--bulma-link-45-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, 255;
--bulma-info-rgb: 102, 209.1, 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: 72, 199, 142;
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--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-90-l);
--bulma-success-20-invert-l: var(--bulma-success-95-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-20-l);
--bulma-success-90-invert-l: var(--bulma-success-15-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-20-l);
--bulma-success-light-invert-l: var(--bulma-success-15-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, 15;
--bulma-warning-rgb: 255, 183.09, 15.3;
--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, 133;
--bulma-danger-rgb: 255, 102, 132.6;
--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: 0%;
--bulma-black-on-scheme-l: -51%;
--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,6 +3784,10 @@ 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));
@ -5441,6 +5445,7 @@ 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);
@ -5467,7 +5472,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: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
border-color: var(--bulma-input-border-color);
border-radius: var(--bulma-input-radius);
color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
}
@ -13154,6 +13159,9 @@ 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.2 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
:root {
--bulma-control-radius: var(--bulma-radius);
@ -981,6 +981,10 @@ 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));
@ -2638,6 +2642,7 @@ 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);
@ -2664,7 +2669,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: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
border-color: var(--bulma-input-border-color);
border-radius: var(--bulma-input-radius);
color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
}
@ -10351,6 +10356,9 @@ 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 {
@ -18821,7 +18829,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: 9, 10, 12;
--bulma-black-rgb: 8.772, 9.6764, 11.628;
--bulma-black-h: 221deg;
--bulma-black-s: 14%;
--bulma-black-l: 4%;
@ -18831,7 +18839,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, 244, 246;
--bulma-light-rgb: 243.372, 244.2764, 246.228;
--bulma-light-h: 221deg;
--bulma-light-s: 14%;
--bulma-light-l: 96%;
@ -18841,7 +18849,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, 51, 61;
--bulma-dark-rgb: 46.053, 50.8011, 61.047;
--bulma-dark-h: 221deg;
--bulma-dark-s: 14%;
--bulma-dark-l: 21%;
@ -18851,7 +18859,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: 64, 70, 84;
--bulma-text-rgb: 63.597, 70.1539, 84.303;
--bulma-text-h: 221deg;
--bulma-text-s: 14%;
--bulma-text-l: 29%;
@ -18957,7 +18965,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, 178;
--bulma-primary-rgb: 0, 209.1, 177.735;
--bulma-primary-h: 171deg;
--bulma-primary-s: 100%;
--bulma-primary-l: 41%;
@ -19063,7 +19071,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, 88, 255;
--bulma-link-rgb: 66.3, 88.315, 255;
--bulma-link-h: 233deg;
--bulma-link-s: 100%;
--bulma-link-l: 63%;
@ -19116,7 +19124,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-100-l);
--bulma-link-45-invert-l: var(--bulma-link-95-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);
@ -19146,7 +19154,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-40-l);
--bulma-link-95-invert-l: var(--bulma-link-45-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);
@ -19169,7 +19177,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, 255;
--bulma-info-rgb: 102, 209.1, 255;
--bulma-info-h: 198deg;
--bulma-info-s: 100%;
--bulma-info-l: 70%;
@ -19275,7 +19283,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: 72, 199, 142;
--bulma-success-rgb: 71.6295, 198.6705, 141.50205;
--bulma-success-h: 153deg;
--bulma-success-s: 53%;
--bulma-success-l: 53%;
@ -19313,7 +19321,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-90-l);
--bulma-success-20-invert-l: var(--bulma-success-95-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);
@ -19355,7 +19363,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-20-l);
--bulma-success-90-invert-l: var(--bulma-success-15-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);
@ -19367,7 +19375,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-20-l);
--bulma-success-light-invert-l: var(--bulma-success-15-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);
@ -19381,7 +19389,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, 15;
--bulma-warning-rgb: 255, 183.09, 15.3;
--bulma-warning-h: 42deg;
--bulma-warning-s: 100%;
--bulma-warning-l: 53%;
@ -19487,7 +19495,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, 133;
--bulma-danger-rgb: 255, 102, 132.6;
--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", "shop"],
"navbar": ["docs", "expo", "love", "sponsor"],
"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": "db4you",
"username": "db4you2",
"avatar": "https://pbs.twimg.com/profile_images/1283183292683038727/wVhp9AQr_normal.jpg",
"fullname": "gebsystems",
"username": "gebsystems",
"avatar": "https://pbs.twimg.com/profile_images/1713156593137639424/Wwz0i_rj_400x400.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.1/bulma-1.0.1.zip",
"release_notes": "https://github.com/jgthms/bulma/releases/tag/1.0.1",
"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",
"github": "https://github.com/jgthms/bulma",
"twitter": "https://twitter.com/jgthms",
"version": "1.0.1",
"version": "1.0.2",
"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\n 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 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,10 +99,6 @@
"name": "modal-card-body-padding",
"value": "2rem",
"css-var": "modal-card-body-padding"
},
{
"name": "modal-breakpoint",
"value": "iv.$tablet"
}
],
"css-vars": [
@ -187,4 +183,4 @@
"value": "2rem"
}
]
}
}

View file

@ -2,14 +2,17 @@
"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)"
},
{
@ -19,125 +22,145 @@
},
{
"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",
"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 )"
"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)"
},
{
"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\n 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 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\n 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 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,4 +1,9 @@
{
"sass-vars": [],
"css-vars": []
}
"css-vars": [
{
"name": "block-spacing",
"value": "1.5rem"
}
]
}

View file

@ -27,12 +27,12 @@
},
{
"name": "box-link-hover-shadow",
"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)",
"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)",
"css-var": "box-link-hover-shadow"
},
{
"name": "box-link-active-shadow",
"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)",
"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)",
"css-var": "box-link-active-shadow"
}
],
@ -59,11 +59,11 @@
},
{
"name": "box-link-hover-shadow",
"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)"
"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)"
},
{
"name": "box-link-active-shadow",
"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)"
"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)"
}
]
}
}

View file

@ -148,10 +148,6 @@
{
"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": [
@ -272,4 +268,4 @@
"value": "var(--bulma-border)"
}
]
}
}

View file

@ -1,4 +1,21 @@
{
"sass-vars": [],
"css-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)"
}
]
}

View file

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

View file

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

View file

@ -0,0 +1,174 @@
{
"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

@ -0,0 +1,249 @@
{
"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

@ -0,0 +1,41 @@
{
"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,12 +2,14 @@
"sass-vars": [
{
"name": "container-offset",
"value": "2 * iv.$gap"
"css-var": "container-offset",
"value": "64px"
},
{
"name": "container-max-width",
"value": "iv.$fullhd"
"css-var": "container-max-width",
"value": "1408px"
}
],
"css-vars": []
}
}

View file

@ -26,8 +26,19 @@
"css-var": "hero-body-padding-large"
},
{
"name": "hero-colors",
"value": "dv.$colors"
"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:"
}
],
"css-vars": [
@ -52,4 +63,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(https://source.unsplash.com/{{ include.unsplash }}/480x480)"
style="background-image: url(/assets/images/unsplash/{{ include.unsplash }}.jpg)"
{% else %}
class="bd-logos-item is-transparent"
{% endif %}

View file

@ -2,8 +2,14 @@
{% 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>
@ -14,7 +20,7 @@
<span>Sass Variable</span>
</div>
</th>
{% unless include.hide_css_vars %}
{% unless include.hide_css_vars or page.meta.hide_css_vars %}
<th>
<div class="icon-text">
<span class="icon has-text-link"><i class="fab fa-css3"></i></span>
@ -36,7 +42,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 %}
{% unless include.hide_css_vars or page.meta.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>
@ -46,3 +52,35 @@
</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://twitter.com/intent/tweet?in_reply_to={{ tweet.id }}">
<a class="bd-tw-action-link" href="https://x.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://twitter.com/intent/retweet?tweet_id={{ tweet.id }}">
<a class="bd-tw-action-link" href="https://x.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://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">
<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">
<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,28 +17,30 @@
{% 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 %}
{% if include.link_id == "shop" %}
<span class="tag is-success ml-1">New!</span>
{% 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 %}
</span>
{% endunless %}
</a>

View file

@ -0,0 +1,13 @@
<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,5 +1,8 @@
<div id="carboncontainer" class="bd-carbon">
<div id="carbon">
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js"></script>
<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>
</div>
</div>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 970 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 247 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 183 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

View file

@ -108,10 +108,18 @@ 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");
}
@ -416,4 +424,38 @@ 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 seperate <code>.js</code> file), add the following JS code:</p>
<p>In a <code>script</code> element (or in a separate <code>.js</code> file), add the following JS code:</p>
</div>
{% highlight javascript -%}

View file

@ -482,9 +482,8 @@ 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 %} {%
include docs/components/variables.html type='component' %}
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 %}

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

View file

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

View file

@ -862,7 +862,3 @@ 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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));"></span></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><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><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 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><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><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 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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l));"></span></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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l));"></span></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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l));"></span></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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-weak-l));"></span></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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-l));"></span></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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-strong-l));"></span></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><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><span class="bd-color-swatch" style="--background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-text-title-l));"></span></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><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,7 +450,3 @@ 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,7 +915,8 @@ 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>The size of the <strong>input</strong> will define the size of the icon container.</p>
<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>
</div>
{% include docs/elements/snippet.html content=icons_example clipped=true %}
@ -1108,14 +1109,3 @@ 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,8 +442,3 @@ 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: false
variables: true
---
{% capture textarea_example %}
<textarea class="textarea" placeholder="e.g. Hello world"></textarea>

View file

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

View file

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

View file

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

View file

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

View file

@ -10,6 +10,8 @@ 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="https://source.unsplash.com/mEZ3PoFGs_k/192x192">
<img class="bulma-center-mixin" height="96" width="96" src="/assets/images/unsplash/mEZ3PoFGs_k.jpg">
</div>
{% endcapture %}
@ -267,7 +267,7 @@ breadcrumb:
{% capture clearfix %}
<div class="bulma-clearfix-mixin">
<img height="80" width="80" style="float: left;" src="https://source.unsplash.com/La2kOu2dmH4/160x160">
<img height="80" width="80" style="float: left;" src="/assets/images/unsplash/La2kOu2dmH4.jpg">
<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="https://source.unsplash.com/iFgRcqHznqg/96x96">
<img class="bulma-ltr-position-mixin" height="48" width="48" src="/assets/images/unsplash/iFgRcqHznqg.jpg">
<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="https://source.unsplash.com/jTSf1xnsoCs/192x192">
<img class="bulma-ltr-property-mixin" height="96" width="96" src="/assets/images/unsplash/jTSf1xnsoCs.jpg">
</div>
{% endcapture %}

View file

@ -31,7 +31,7 @@ breadcrumb:
@use "bulma/sass/base";
@use "bulma/sass/themes";
// Load the button and title elements and compnents
// Load the button and title elements and components
@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,64 +9,353 @@
"version": "1.0.1",
"license": "MIT",
"devDependencies": {
"@shopify/prettier-plugin-liquid": "^1.4.4",
"prettier": "^3.2.4",
"sass": "^1.71.1"
"@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"
}
},
"node_modules/@shopify/liquid-html-parser": {
"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==",
"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==",
"dev": true,
"license": "MIT",
"dependencies": {
"line-column": "^1.0.2",
"ohm-js": "^16.3.0"
}
},
"node_modules/@shopify/prettier-plugin-liquid": {
"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==",
"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==",
"dev": true,
"license": "MIT",
"dependencies": {
"@shopify/liquid-html-parser": "^2.0.3",
"@shopify/liquid-html-parser": "^2.1.1",
"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"
},
@ -75,27 +364,33 @@
}
},
"node_modules/chokidar": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
"integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
"dev": true,
"license": "MIT",
"dependencies": {
"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"
"readdirp": "^4.0.1"
},
"engines": {
"node": ">= 8.10.0"
"node": ">= 14.16.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"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
"engines": {
"node": ">=0.10"
}
},
"node_modules/fill-range": {
@ -103,6 +398,8 @@
"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"
},
@ -110,32 +407,6 @@
"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",
@ -143,28 +414,19 @@
"dev": true
},
"node_modules/immutable": {
"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==",
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz",
"integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==",
"dev": true,
"dependencies": {
"binary-extensions": "^2.0.0"
},
"engines": {
"node": ">=8"
}
"license": "MIT"
},
"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"
}
@ -174,6 +436,8 @@
"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"
},
@ -186,6 +450,8 @@
"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"
}
@ -194,13 +460,15 @@
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
"integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
"dev": true
"dev": true,
"license": "MIT"
},
"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"
},
@ -213,25 +481,41 @@
"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/normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"node_modules/micromatch": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"braces": "^3.0.3",
"picomatch": "^2.3.1"
},
"engines": {
"node": ">=0.10.0"
"node": ">=8.6"
}
},
"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"
}
@ -241,6 +525,8 @@
"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"
},
@ -249,10 +535,11 @@
}
},
"node_modules/prettier": {
"version": "3.2.5",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
"integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
"version": "3.4.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
"integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
"dev": true,
"license": "MIT",
"bin": {
"prettier": "bin/prettier.cjs"
},
@ -264,25 +551,28 @@
}
},
"node_modules/readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
"integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
"dev": true,
"dependencies": {
"picomatch": "^2.2.1"
},
"license": "MIT",
"engines": {
"node": ">=8.10.0"
"node": ">= 14.16.0"
},
"funding": {
"type": "individual",
"url": "https://paulmillr.com/funding/"
}
},
"node_modules/sass": {
"version": "1.72.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz",
"integrity": "sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==",
"version": "1.81.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz",
"integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==",
"dev": true,
"license": "MIT",
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
@ -290,6 +580,9 @@
},
"engines": {
"node": ">=14.0.0"
},
"optionalDependencies": {
"@parcel/watcher": "^2.4.1"
}
},
"node_modules/source-map-js": {
@ -306,6 +599,8 @@
"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.4.4",
"prettier": "^3.2.4",
"sass": "^1.71.1"
"@shopify/prettier-plugin-liquid": "^1.6.1",
"prettier": "^3.4.1",
"sass": "^1.81.0"
}
}

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