repos
/
website
1
Fork 0
Code Issues 1 Pull Requests 23 Activity

Update dependency bulma to v1 #115

Open
renovate wants to merge 1 commits from renovate/bulma-1.x into master
pull from: renovate/bulma-1.x
merge into: repos:master
Conversation 0 Commits 1 Files Changed 2 +42 -8
renovate commented 2024-03-21 18:01:15 +00:00
Collaborator
Copy Link

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

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. --- - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4yNTIuMSIsInVwZGF0ZWRJblZlciI6IjM3LjI1Mi4xIiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIn0=-->
renovate added 1 commit 2024-03-21 18:01:15 +00:00
This pull request can be merged automatically.
This branch is out-of-date with the base branch
You are not authorized to merge this pull request.
You can also view command line instructions.

Step 1:

From your project repository, check out a new branch and test the changes.
git checkout -b renovate/bulma-1.x master
git pull origin renovate/bulma-1.x

Step 2:

Merge the changes and update on Gitea.
git checkout master
git merge --no-ff renovate/bulma-1.x
git push origin master
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: repos/website#115
No description provided.
Delete Branch "renovate/bulma-1.x"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?