Update dependency bulma to v1 - autoclosed #54

Closed

professeur-chen wants to merge 1 commit from renovate/bulma-1.x into trunk

professeur-chen commented

2024-03-23 12:10:14 +01:00

Collaborator

This PR contains the following updates:

Package	Type	Update	Change
bulma (source)	dependencies	major	`^0.9.4` -> `^1.0.0`

Release Notes

jgthms/bulma (bulma)

`v1.0.0`

Compare Source

Bulma v1 is a full rewrite of the framework using Dart Sass, which is the the primary implementation of Sass. While this affects a few development details, everything has been done to make the transition as easy as possible.

What remains the same

All HTML snippets are the same. This means you don't need to update your markup. This is important because it means, if you're using Bulma straight "out of the box", you don't need to change anything.

You can just swap bulma@0.9.4/css/bulma.min.css with bulma@1.0.0/css/bulma.min.css and everything will work. Things will look slightly different, but they will still work.

What changes

Dart Sass is used to build Bulma
- if you use the sass npm package, you're already using Dart Sass
CSS Variables are used instead of literals: color: var(--bulma-primary); instead of color: hsl(171deg, 100%, 41%);, which means you can customize Bulma with CSS only (without using Sass)
Customization by setting your own value for Sass variables works differently. See how to customize Bulma with Sass.

What's new (i.e. did not exist before)

The notion of Themes is introduced: a theme is a collection of CSS variables within a context, and is the best approach to customize Bulma
As a result, a Theme for Dark Mode is included
Color Palettes are created for each of the 7 primary colors
Skeleton loaders exist as standalone components but also as variants of other components
You can add a prefix to all your Bulma classes so that .button becomes .my-prefix-button
- a pre-built prefixed version exists as one of the alternative versions

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot.

This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [bulma](https://bulma.io) ([source](https://github.com/jgthms/bulma)) | dependencies | major | [`^0.9.4` -> `^1.0.0`](https://renovatebot.com/diffs/npm/bulma/0.9.4/1.0.0) | --- ### Release Notes <details> <summary>jgthms/bulma (bulma)</summary> ### [`v1.0.0`](https://github.com/jgthms/bulma/releases/tag/1.0.0) [Compare Source](https://github.com/jgthms/bulma/compare/0.9.4...1.0.0) Bulma v1 is a **full rewrite** of the framework using [**Dart Sass**](https://sass-lang.com/dart-sass/), which is the the primary implementation of Sass. While this affects a few development details, everything has been done to make the transition **as easy as possible**. #### What remains the same **All HTML snippets are the same**. This means you don't need to update your markup. **This is important** because it means, if you're using Bulma straight "out of the box", you don't need to change anything. You can just swap `bulma@0.9.4/css/bulma.min.css` with `bulma@1.0.0/css/bulma.min.css` and everything will work. Things will look slightly different, but they will still work. #### What changes - [**Dart Sass**](https://sass-lang.com/dart-sass/) is used to build Bulma - if you use the `sass` npm package, you're already using Dart Sass - [**CSS Variables**](https://bulma.io/documentation/features/css-variables/) are used instead of literals: `color: var(--bulma-primary);` instead of `color: hsl(171deg, 100%, 41%);`, which means you can customize Bulma with CSS only (without using Sass) - Customization by setting your own value for Sass variables works differently. See [how to customize Bulma with Sass](https://bulma.io/documentation/customize/). #### What's new (i.e. did not exist before) - The notion of [**Themes**](https://bulma.io/documentation/features/themes/) is introduced: a theme is a collection of CSS variables within a context, and is the best approach to customize Bulma - As a result, a Theme for [**Dark Mode**](https://bulma.io/documentation/features/dark-mode/) is included - [**Color Palettes**](https://bulma.io/documentation/features/color-palettes/) are created for each of the 7 primary colors - [**Skeleton loaders**](https://bulma.io/documentation/features/skeletons/) exist as standalone components but also as variants of other components - You can add a **prefix** to all your Bulma classes so that `.button` becomes `.my-prefix-button` - a pre-built prefixed version exists as one of the [**alternative versions**](https://bulma.io/documentation/start/alternative-versions/) </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).