search

jloh / bulma-prefers-dark

Bulma prefers dark theme
MIT License
205 stars 25 forks source link

Update dependency bulma to v1 #104

Open renovate[bot] opened 8 months ago

renovate[bot] commented 8 months ago

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
bulma (source) 0.7.4 -> 1.0.0 age adoption passing confidence

Release Notes

jgthms/bulma (bulma) ### [`v1.0.0`](https://togithub.com/jgthms/bulma/compare/0.9.4...15e13c8d6c7fe616179c50076a0152cd3288f33e) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.9.4...1.0.0) ### [`v0.9.4`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#094) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.9.3...0.9.4) ##### New features - **Responsive buttons**: the size of a button will change for each breakpoint (Fix [#​1572](https://togithub.com/jgthms/bulma/issues/1572)) - `@mixin between`: takes 2 breakpoint values, outputs a media query for the range between these 2 values - `$breakpoints` Sass map: a map of named breakpoints and their type (`from`, `until` or both) - `@mixin breakpoint`: uses the new `$breakpoints` Sass map to output a media query ##### Improvements - Add missing variables for content customization - Fix [#​683](https://togithub.com/jgthms/bulma/issues/683) Modal - example javascript toggle - Fix [#​3461](https://togithub.com/jgthms/bulma/issues/3461) Bulma logo with wordmark in SVG - Fix [#​3383](https://togithub.com/jgthms/bulma/issues/3383) 'Variables' sections on docs page ([#​3513](https://togithub.com/jgthms/bulma/issues/3513)) - Fixes [#​3510](https://togithub.com/jgthms/bulma/issues/3510) The navbar overlaps with sidebars in "Fullheight hero with navbar" ([#​3516](https://togithub.com/jgthms/bulma/issues/3516)) - Setup [Cypress](https://www.cypress.io/) testing ([#​3436](https://togithub.com/jgthms/bulma/issues/3436)) ##### Bugfix - Replace disabled attr on pagination anchor elements with is-disabled - [#​3500](https://togithub.com/jgthms/bulma/issues/3500) Fix hidden disabled buttons on iOS 15.4 ([#​3521](https://togithub.com/jgthms/bulma/issues/3521)) - [#​3076](https://togithub.com/jgthms/bulma/issues/3076) Fix Table headers centered aligned in Safari ### [`v0.9.3`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#093) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.9.2...0.9.3) ##### New features - New `is-underlined` class for underlined text and links - New `auto` value for margin and padding helper classes ##### Improvements - New `$section-padding-desktop` Sass variable - New `$hero-body-padding-tablet` Sass variable - New `$shadow` Sass variable (used for `.box`, `.card`, `.dropdown` and `.panel`) - Add `is-normal` size modifiers to `.file` and `.content` - New `%reset` placeholder ##### Bugfix - [#​3362](https://togithub.com/jgthms/bulma/issues/3362) Fix slash divide ### [`v0.9.2`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#092) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.9.1...0.9.2) ##### Breaking change To fix duplicate imports, all Sass placeholders have moved from the `utilities/mixins` file to its own `utilities/extends` file. The Sass placeholders are: - `%control` - `%unselectable` - `%arrow` - `%block` - `%delete` - `%loader` - `%overlay` If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.\ If you were importing `utilities/_all` or even `bulma.sass` directly, no change is required. ##### New features - Fix [#​1583](https://togithub.com/jgthms/bulma/issues/1583) New `is-ghost` button that behaves / looks like a regular link - New `icon-text` component, to combine an icon with text on its side ##### Bug fixes - [#​3005](https://togithub.com/jgthms/bulma/issues/3005) Fix `column` offsets in RTL - Fix [#​3145](https://togithub.com/jgthms/bulma/issues/3145) Dropdown content is bounded by a parent card - Fix [#​3089](https://togithub.com/jgthms/bulma/issues/3089) Sub columns of a variable columns have weird gap - Fix [#​2937](https://togithub.com/jgthms/bulma/issues/2937) Add `width: unset` for narrow columns - [#​3208](https://togithub.com/jgthms/bulma/issues/3208) Fix [#​3163](https://togithub.com/jgthms/bulma/issues/3163) Do not override is-rounded with button-small - [#​3216](https://togithub.com/jgthms/bulma/issues/3216) Removed duplicate `mixins` imports, created a single `extends` file - [#​3216](https://togithub.com/jgthms/bulma/issues/3216) Removed all references to the `.sass` file extension have been removed, since they're unnecessary when there's no ambiguity between a `.sass` file or a `.scss` file ##### Improvements - Fix [#​3012](https://togithub.com/jgthms/bulma/issues/3012) Add `$media-*` variables, set to `!default` - Fix [#​2797](https://togithub.com/jgthms/bulma/issues/2797) Import dependencies individually for each component - Remove list style from pagination list ### [`v0.9.1`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#091) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.9.0...0.9.1) ##### New features - [#​3047](https://togithub.com/jgthms/bulma/issues/3047) Flexbox helpers - [#​3085](https://togithub.com/jgthms/bulma/issues/3085) Add `is-clickable` helper - [#​3086](https://togithub.com/jgthms/bulma/issues/3086) Allow each component to have its own colors and default to global ones - New variables `$navbar-colors`, `$button-colors`, `$notification-colors`, `$progress-colors`, `$table-colors`, `$tag-colors`, `$file-colors`, `$textarea-colors`, `$select-colors`, `$form-colors`, `$label-colors` and `$hero-colors` ##### Improvements - [#​2630](https://togithub.com/jgthms/bulma/issues/2630) Fixes [#​2598](https://togithub.com/jgthms/bulma/issues/2598) -> Add `$card-radius` variable - Add `$card-overflow` variable - [#​2540](https://togithub.com/jgthms/bulma/issues/2540) Fixes [#​2539](https://togithub.com/jgthms/bulma/issues/2539) -> Fix indeterminate progress styling in IE11 - [#​3057](https://togithub.com/jgthms/bulma/issues/3057) Make the default text color of `$code` listings more accessible - [#​3088](https://togithub.com/jgthms/bulma/issues/3088) Adds not allowed cursor to missing inputs - [#​3101](https://togithub.com/jgthms/bulma/issues/3101) Add `$modal-breakpoint` variable for modal breakpoint - [#​3107](https://togithub.com/jgthms/bulma/issues/3107) Add `optgroup` to `generic.sass` ### [`v0.9.0`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#090) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.8.2...0.9.0) ##### Deprecation warning The `base/helpers.sass` file is **deprecated**. It has moved into its own `/helpers` folder. If you were importing `base/helpers.sass` or `base/_all.sass`, please import `sass/helpers/_all.sass` now. If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before. The `list` component is also **deprecated**: the `components/list.sass` file has been deleted. It was never officially supported as it was too similar to `panel` component. Use that one instead. ##### RTL support Bulma now has **RTL support**. By setting the Sass flag `$rtl` to `true`, you can create an RTL version of Bulma, thanks to 4 new Sass mixins: - `=ltr` - `=rtl` - `=ltr-property($property, $spacing, $right: true)` - `=ltr-position($spacing, $right: true)` The Bulma package now also comes with a `bulma-rtl.css` and `bulma-rtl.min.css` file to be used straight away. ##### Spacing helpers Bulma now has **spacing helpers**: https://bulma.io/documentation/helpers/spacing-helpers/

Bulma provides margin m* and padding p* helpers in all directions:

  • *t for top
  • *r for right
  • *b for bottom
  • *l for left
  • *x horizontally for both left and right
  • *y vertically for both top and bottom

You need to combine a margin/padding prefix with a direction suffix. For example:

  • for a margin-top, use mt-*
  • for a padding-bottom, use pb-*
  • for both margin-left and margin-right, use mx-*

Each of these property-direction combinations needs to be appended with one of 6 value suffixes

This release also includes the following helpers: - light and dark color helpers - light and dark background color helpers ##### Improvements - [#​2925](https://togithub.com/jgthms/bulma/issues/2925) Center table cell content vertically with `is-vcentered` ##### Bug fixes - [#​2955](https://togithub.com/jgthms/bulma/issues/2955) Fix issue when there's only one `is-toggle` tag ### [`v0.8.2`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#082) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.8.1...0.8.2) ##### Bug fixes - Fix [#​2885](https://togithub.com/jgthms/bulma/issues/2885) -> Revert `$input-color: $text-strong` ### [`v0.8.1`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#081) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.8.0...0.8.1) ##### Improvements - [#​2709](https://togithub.com/jgthms/bulma/issues/2709) Add light colors to the `notification` element - [#​2740](https://togithub.com/jgthms/bulma/issues/2740) Fixes [#​2739](https://togithub.com/jgthms/bulma/issues/2739) -> Add variables size for layout `hero` - Fix [#​2741](https://togithub.com/jgthms/bulma/issues/2741) -> Create `bulmaRgba()` function to support `inherit` value - [#​2756](https://togithub.com/jgthms/bulma/issues/2756) Add `$button-text-decoration` variable ##### Bug fixes - [#​2664](https://togithub.com/jgthms/bulma/issues/2664) Fixes [#​2671](https://togithub.com/jgthms/bulma/issues/2671) -> Add `$panel-colors` variable ### [`v0.8.0`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#080) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.7.5...0.8.0) ##### Big update ##### Larger form controls Controls and buttons are now `2.5em` high. You can revert this resizing by setting these previous values: ```sass $control-height: 2.25em $control-padding-vertical: calc(0.375em - #{$control-border-width}) $control-padding-horizontal: calc(0.625em - #{$control-border-width}) $button-padding-vertical: calc(0.375em - #{$button-border-width}) $button-padding-horizontal: 0.75em ``` ##### Light and dark colors Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now has a `*-light` and `*-dark` version. They are calculated using 2 new color functions: - `findLightColor()` which finds the light version of a color - `findDarkColor()` which finds the dark version of a color The light colors are used by the `button` element, while the light and dark colors are used by the `message` component. ##### Panel colors The `panel` component is now available in all the different colors. ##### 4-value color map The `$colors` Sass map now accepts, for each of its values, a map of up to **4** values. For example: the key `"info"` now has the `($info, $info-invert, $info-light, $info-dark)` map. If you provide a `$custom-colors` map, you can decide to provide a map of 1, 2, 3 or 4 values for each value. If fewer than 4 are provided, Bulma will calculate the remaining ones: ```scss $custom-colors: ( 'lime': ( lime, ), 'tomato': ( tomato, white, ), 'orange': ( $orange, $orange-invert, $orange-light, ), 'lavender': ( $lavender, $lavender-invert, $lavender-light, $lavender-dark, ), ); ``` This is processed by the updated `mergeColorMaps()` Sass function. ##### Scheme variables There are 6 new `$scheme` derived variables: `$scheme-main` `$scheme-main-bis` `$scheme-main-ter` `$scheme-invert` `$scheme-invert-bis` `$scheme-invert-ter` They replace the `$white` and `$black` occurrences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values: ```sass $scheme-main: $black $scheme-invert: $white // etc. ``` That is also why most of the codebase now references **derived** variables (`$text`, `$background`, `$border` etc.) instead of **initial** ones (`$grey`, `$grey-lighter`, `$grey-darker` etc.): updating the derived variables will affect all elements and components directly. ##### Initial variables - `$green: hsl(141, 53%, 53%)` - `$cyan: hsl(204, 71%, 53%)` - `$red: hsl(348, 86%, 61%)` ##### Derived variables - `$primary-invert: findColorInvert($primary)` - `$primary-light: findLightColor($primary)` - `$primary-dark: findDarkColor($primary)` - `$info-invert: findColorInvert($info)` - `$info-light: findLightColor($info)` - `$info-dark: findDarkColor($info)` - `$success-invert: findColorInvert($success)` - `$success-light: findLightColor($success)` - `$success-dark: findDarkColor($success)` - `$warning-invert: findColorInvert($warning)` - `$warning-light: findLightColor($warning)` - `$warning-dark: findDarkColor($warning)` - `$danger-invert: findColorInvert($danger)` - `$danger-light: findLightColor($danger)` - `$danger-dark: findDarkColor($danger)` - `$light-invert: findColorInvert($light)` - `$dark-invert: findColorInvert($dark)` - `$scheme-main: $white` - `$scheme-main-bis: $white-bis` - `$scheme-main-ter: $white-ter` - `$scheme-invert: $black` - `$scheme-invert-bis: $black-bis` - `$scheme-invert-ter: $black-ter` ##### Other variables - `$control-height: 2.5em` - `$control-padding-vertical: calc(0.5em - #{$control-border-width})` - `$control-padding-horizontal: calc(0.75em - #{$control-border-width})` - `$media-border-color: rgba($border, 0.5)` - `$notification-code-background-color: $scheme-main` - `$panel-radius: $radius-large` - `$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)` - `$textarea-padding: $control-padding-horizontal` - `$textarea-max-height: 40em` - `$textarea-min-height: 8em` ##### Bug fixes - Fix [#​2647](https://togithub.com/jgthms/bulma/issues/2647) -> Missing meta tags in snippet - Fix [#​2031](https://togithub.com/jgthms/bulma/issues/2031), Fix [#​2483](https://togithub.com/jgthms/bulma/issues/2483) -> Invalid output when declaring a custom shade map - Fix [#​2060](https://togithub.com/jgthms/bulma/issues/2060) -> `height: auto` on HTML `audio` element breaks height of element - Fix [#​706](https://togithub.com/jgthms/bulma/issues/706) -> Derive `-invert` variables using `findColorInvert()` - [#​1608](https://togithub.com/jgthms/bulma/issues/1608) Fix [#​1552](https://togithub.com/jgthms/bulma/issues/1552) -> `.container.is-fluid` margins ##### New features - [#​2563](https://togithub.com/jgthms/bulma/issues/2563) `.image` has a new `.is-fullwidth` modifier ### [`v0.7.5`](https://togithub.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#075) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.7.4...0.7.5) ##### Deprecation warning The `form.sass` file is **deprecated**. It has moved into its own `/form` folder. If you were importing `form.sass`, please import `sass/form/_all.sass` now. If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before. ##### New features ##### Support for overriding the `font-family` You can now specify a different `font-family` for the `.title`, `.subtitle` and `.button` by using the variables `$title-family`, `$subtitle-family` and `$button-family` respectively. Simply set a value when importing Bulma: ```scss $title-family: 'Georgia', serif; ``` - [#​2375](https://togithub.com/jgthms/bulma/issues/2375) Add `.is-relative` helper - [#​2321](https://togithub.com/jgthms/bulma/issues/2321) Make `.navbar` focus behave like hover for the navigation - [#​2290](https://togithub.com/jgthms/bulma/issues/2290) Fix [#​1186](https://togithub.com/jgthms/bulma/issues/1186) -> Reset the offset on columns - [#​2231](https://togithub.com/jgthms/bulma/issues/2231) Add `.has-text-weight-medium` helper - [#​2224](https://togithub.com/jgthms/bulma/issues/2224) Add customizable border radius to progress bar - [#​2480](https://togithub.com/jgthms/bulma/issues/2480) Add `$footer-color` variable ##### Improvements - [#​2396](https://togithub.com/jgthms/bulma/issues/2396) Update docs with webpack 4 example - [#​2381](https://togithub.com/jgthms/bulma/issues/2381) Make centered buttons have equal margin - Fix [#​2297](https://togithub.com/jgthms/bulma/issues/2297) -> Remove `.container` fixed width values, use `flex-grow` - [#​2478](https://togithub.com/jgthms/bulma/issues/2478) Move form.sass into its own folder ##### Bug fixes - [#​2420](https://togithub.com/jgthms/bulma/issues/2420) Fix [#​2414](https://togithub.com/jgthms/bulma/issues/2414) -> Fix `align` attribute in `td/th` being ignored - [#​2463](https://togithub.com/jgthms/bulma/issues/2463) Remove duplicate `.has-addons` in `tag.sass` - [#​2253](https://togithub.com/jgthms/bulma/issues/2253) Fix `$gap` variable default value - [#​2273](https://togithub.com/jgthms/bulma/issues/2273) Fix [#​2258](https://togithub.com/jgthms/bulma/issues/2258) -> Fix Indeterminate Progress Bar animation in Firefox - [#​2175](https://togithub.com/jgthms/bulma/issues/2175) Proper aligning for `.tabs` within `.content` - [#​2476](https://togithub.com/jgthms/bulma/issues/2476) Fix [#​2441](https://togithub.com/jgthms/bulma/issues/2441) -> Correct active pagination link text color on hero Fix [#​1979](https://togithub.com/jgthms/bulma/issues/1979) -> Correct loading spinner color when a button is: - outlined and hovered/focused - outlined, inverted and hovered/focused ##### New variables ##### Initial variables - `$block-spacing` ##### Base - `$body-font-size` - `$small-font-size` - `$pre-font-size` - `$pre-padding` - `$pre-code-font-size` ##### Components - `$card-header-padding` - `$card-content-padding` - `$card-media-margin` - `$dropdown-menu-min-width` - `$dropdown-content-padding-bottom` - `$dropdown-content-padding-top` - `$level-item-spacing` - `$menu-list-line-height` - `$menu-list-link-padding` - `$menu-nested-list-margin` - `$menu-nested-list-padding-left` - `$menu-label-font-size` - `$menu-label-letter-spacing` - `$menu-label-spacing` - `$pagination-item-font-size` - `$pagination-item-margin` - `$pagination-item-padding-left` - `$pagination-item-padding-right` - `$panel-margin` - `$panel-tabs-font-size` ##### Elements - `$container-offset` ##### Grid - `$tile-spacing`

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.

This PR has been generated by Mend Renovate. View repository job log here.