mCaptcha/dcache

Fork 0

chore(deps): update dependency bulma to v0.9.4 #25

Merged

realaravinth merged 1 commit from renovate/bulma-0.x into master

2024-06-07 19:55:08 +05:30

renovate-bot commented

2024-06-07 15:33:03 +05:30

Member

This PR contains the following updates:

Package	Update	Change
bulma (source)	minor	`0.7.1` -> `0.9.4`

Release Notes

jgthms/bulma (bulma)

`v0.9.4`

Compare Source

New features

Responsive buttons: the size of a button will change for each breakpoint (Fix #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 Modal - example javascript toggle
Fix #3461 Bulma logo with wordmark in SVG
Fix #3383 'Variables' sections on docs page (#3513)
Fixes #3510 The navbar overlaps with sidebars in "Fullheight hero with navbar" (#3516)
Setup Cypress testing (#3436)

Bugfix

Replace disabled attr on pagination anchor elements with is-disabled
#3500 Fix hidden disabled buttons on iOS 15.4 (#3521)
#3076 Fix Table headers centered aligned in Safari

`v0.9.3`

Compare Source

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 Fix slash divide

`v0.9.2`

Compare Source

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 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 Fix column offsets in RTL
Fix #3145 Dropdown content is bounded by a parent card
Fix #3089 Sub columns of a variable columns have weird gap
Fix #2937 Add width: unset for narrow columns
#3208 Fix #3163 Do not override is-rounded with button-small
#3216 Removed duplicate mixins imports, created a single extends file
#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 Add $media-* variables, set to !default
Fix #2797 Import dependencies individually for each component
Remove list style from pagination list

`v0.9.1`

Compare Source

New features

#3047 Flexbox helpers
#3085 Add is-clickable helper
#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 Fixes #2598 -> Add $card-radius variable
Add $card-overflow variable
#2540 Fixes #2539 -> Fix indeterminate progress styling in IE11
#3057 Make the default text color of $code listings more accessible
#3088 Adds not allowed cursor to missing inputs
#3101 Add $modal-breakpoint variable for modal breakpoint
#3107 Add optgroup to generic.sass

`v0.9.0`

Compare Source

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 Center table cell content vertically with is-vcentered

Bug fixes

#2955 Fix issue when there's only one is-toggle tag

`v0.8.2`

Compare Source

Bug fixes

Fix #2885 -> Revert $input-color: $text-strong

`v0.8.1`

Compare Source

Improvements

#2709 Add light colors to the notification element
#2740 Fixes #2739 -> Add variables size for layout hero
Fix #2741 -> Create bulmaRgba() function to support inherit value
#2756 Add $button-text-decoration variable

Bug fixes

#2664 Fixes #2671 -> Add $panel-colors variable

`v0.8.0`

Compare Source

Big update

Larger form controls

Controls and buttons are now 2.5em high. You can revert this resizing by setting these previous values:

$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:

$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:

$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 -> Missing meta tags in snippet
Fix #2031, Fix #2483 -> Invalid output when declaring a custom shade map
Fix #2060 -> height: auto on HTML audio element breaks height of element
Fix #706 -> Derive -invert variables using findColorInvert()
#1608 Fix #1552 -> .container.is-fluid margins

New features

#2563 .image has a new .is-fullwidth modifier

`v0.7.5`

Compare Source

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:

$title-family: 'Georgia', serif;

#2375 Add .is-relative helper
#2321 Make .navbar focus behave like hover for the navigation
#2290 Fix #1186 -> Reset the offset on columns
#2231 Add .has-text-weight-medium helper
#2224 Add customizable border radius to progress bar
#2480 Add $footer-color variable

Improvements

#2396 Update docs with webpack 4 example
#2381 Make centered buttons have equal margin
Fix #2297 -> Remove .container fixed width values, use flex-grow
#2478 Move form.sass into its own folder

Bug fixes

#2420 Fix #2414 -> Fix align attribute in td/th being ignored
#2463 Remove duplicate .has-addons in tag.sass
#2253 Fix $gap variable default value
#2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
#2175 Proper aligning for .tabs within .content
#2476 Fix #2441 -> Correct active pagination link text color on hero

Fix #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

`v0.7.4`

Compare Source

Same as 0.7.3 but with the CSS files attached.

`v0.7.2`

Compare Source

New features

#1884 New $navbar-burger-color variable
#1679 Add breakpoint based column gaps
#1905 Fix modal for IE11 #1902
#1919 New is-arrowless class for navbar items
#1949 New is-fullheight-with-navbar class for heros
#1764 New .is-sr-only helper
#2109 Add and use $navbar-breakpoint variable
New variables $control-height, $control-line-height, $pagination-min-width, $input-height
#1720 Add list element feature
#2123 Add .content ol types: .is-lower-roman, .is-upper-roman, .is-lower-alpha, .is-upper-alpha, and support for the type= HTML attribute

Improvements

#1964 Allow .notification to have a .dropdown-item
#1999 Change $border to $grey-lighter in mixins
#2085 .media-content will allow scrolling horizontally if the content is too wide
#1744 Fix #1710 by using $table-striped-row-even-hover-background-color only for even rows
#2074 Allow <button> as .dropdown-item

Bug fixes

#1749 Fix icons floating out of input area
#1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
#1909 Fix Modal card in IE11
#1908 Fix IE11 when textarea doesn't listen to size=""
Fix #1991 The last button in list of full-width buttons has longer width
#1982 Fix navbar-burger color when color modifier is used
#1819 Fix #1137 error message for required file
Fix #1904 and #1969: hide native file input in Chrome
#2059 Remove unnecessary right margin from last level-item (level.is-mobile)

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 | Update | Change | |---|---|---| | [bulma](http://bulma.io) ([source](https://github.com/jgthms/bulma)) | minor | `0.7.1` -> `0.9.4` | --- ### Release Notes <details> <summary>jgthms/bulma (bulma)</summary> ### [`v0.9.4`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#094) [Compare Source](https://github.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://github.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://github.com/jgthms/bulma/issues/683) Modal - example javascript toggle - Fix [#3461](https://github.com/jgthms/bulma/issues/3461) Bulma logo with wordmark in SVG - Fix [#3383](https://github.com/jgthms/bulma/issues/3383) 'Variables' sections on docs page ([#3513](https://github.com/jgthms/bulma/issues/3513)) - Fixes [#3510](https://github.com/jgthms/bulma/issues/3510) The navbar overlaps with sidebars in "Fullheight hero with navbar" ([#3516](https://github.com/jgthms/bulma/issues/3516)) - Setup [Cypress](https://www.cypress.io/) testing ([#3436](https://github.com/jgthms/bulma/issues/3436)) ##### Bugfix - Replace disabled attr on pagination anchor elements with is-disabled - [#3500](https://github.com/jgthms/bulma/issues/3500) Fix hidden disabled buttons on iOS 15.4 ([#3521](https://github.com/jgthms/bulma/issues/3521)) - [#3076](https://github.com/jgthms/bulma/issues/3076) Fix Table headers centered aligned in Safari ### [`v0.9.3`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#093) [Compare Source](https://github.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://github.com/jgthms/bulma/issues/3362) Fix slash divide ### [`v0.9.2`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#092) [Compare Source](https://github.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://github.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://github.com/jgthms/bulma/issues/3005) Fix `column` offsets in RTL - Fix [#3145](https://github.com/jgthms/bulma/issues/3145) Dropdown content is bounded by a parent card - Fix [#3089](https://github.com/jgthms/bulma/issues/3089) Sub columns of a variable columns have weird gap - Fix [#2937](https://github.com/jgthms/bulma/issues/2937) Add `width: unset` for narrow columns - [#3208](https://github.com/jgthms/bulma/issues/3208) Fix [#3163](https://github.com/jgthms/bulma/issues/3163) Do not override is-rounded with button-small - [#3216](https://github.com/jgthms/bulma/issues/3216) Removed duplicate `mixins` imports, created a single `extends` file - [#3216](https://github.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://github.com/jgthms/bulma/issues/3012) Add `$media-*` variables, set to `!default` - Fix [#2797](https://github.com/jgthms/bulma/issues/2797) Import dependencies individually for each component - Remove list style from pagination list ### [`v0.9.1`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#091) [Compare Source](https://github.com/jgthms/bulma/compare/0.9.0...0.9.1) ##### New features - [#3047](https://github.com/jgthms/bulma/issues/3047) Flexbox helpers - [#3085](https://github.com/jgthms/bulma/issues/3085) Add `is-clickable` helper - [#3086](https://github.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://github.com/jgthms/bulma/issues/2630) Fixes [#2598](https://github.com/jgthms/bulma/issues/2598) -> Add `$card-radius` variable - Add `$card-overflow` variable - [#2540](https://github.com/jgthms/bulma/issues/2540) Fixes [#2539](https://github.com/jgthms/bulma/issues/2539) -> Fix indeterminate progress styling in IE11 - [#3057](https://github.com/jgthms/bulma/issues/3057) Make the default text color of `$code` listings more accessible - [#3088](https://github.com/jgthms/bulma/issues/3088) Adds not allowed cursor to missing inputs - [#3101](https://github.com/jgthms/bulma/issues/3101) Add `$modal-breakpoint` variable for modal breakpoint - [#3107](https://github.com/jgthms/bulma/issues/3107) Add `optgroup` to `generic.sass` ### [`v0.9.0`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#090) [Compare Source](https://github.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 <code>m*</code> and padding <code>p*</code> helpers in all directions: <ul> <li> <code>*t</code> for top </li> <li> <code>*r</code> for right </li> <li> <code>*b</code> for bottom </li> <li> <code>*l</code> for left </li> <li> <code>*x</code> horizontally for both left and right </li> <li> <code>*y</code> vertically for both top and bottom </li> </ul> You need to combine a margin/padding prefix with a direction suffix. For example: <ul> <li>for a <code>margin-top</code>, use <code>mt-*</code></li> <li>for a <code>padding-bottom</code>, use <code>pb-*</code></li> <li>for both <code>margin-left</code> and <code>margin-right</code>, use <code>mx-*</code></li> </ul> Each of these <code>property-direction</code> 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://github.com/jgthms/bulma/issues/2925) Center table cell content vertically with `is-vcentered` ##### Bug fixes - [#2955](https://github.com/jgthms/bulma/issues/2955) Fix issue when there's only one `is-toggle` tag ### [`v0.8.2`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#082) [Compare Source](https://github.com/jgthms/bulma/compare/0.8.1...0.8.2) ##### Bug fixes - Fix [#2885](https://github.com/jgthms/bulma/issues/2885) -> Revert `$input-color: $text-strong` ### [`v0.8.1`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#081) [Compare Source](https://github.com/jgthms/bulma/compare/0.8.0...0.8.1) ##### Improvements - [#2709](https://github.com/jgthms/bulma/issues/2709) Add light colors to the `notification` element - [#2740](https://github.com/jgthms/bulma/issues/2740) Fixes [#2739](https://github.com/jgthms/bulma/issues/2739) -> Add variables size for layout `hero` - Fix [#2741](https://github.com/jgthms/bulma/issues/2741) -> Create `bulmaRgba()` function to support `inherit` value - [#2756](https://github.com/jgthms/bulma/issues/2756) Add `$button-text-decoration` variable ##### Bug fixes - [#2664](https://github.com/jgthms/bulma/issues/2664) Fixes [#2671](https://github.com/jgthms/bulma/issues/2671) -> Add `$panel-colors` variable ### [`v0.8.0`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#080) [Compare Source](https://github.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://github.com/jgthms/bulma/issues/2647) -> Missing meta tags in snippet - Fix [#2031](https://github.com/jgthms/bulma/issues/2031), Fix [#2483](https://github.com/jgthms/bulma/issues/2483) -> Invalid output when declaring a custom shade map - Fix [#2060](https://github.com/jgthms/bulma/issues/2060) -> `height: auto` on HTML `audio` element breaks height of element - Fix [#706](https://github.com/jgthms/bulma/issues/706) -> Derive `-invert` variables using `findColorInvert()` - [#1608](https://github.com/jgthms/bulma/issues/1608) Fix [#1552](https://github.com/jgthms/bulma/issues/1552) -> `.container.is-fluid` margins ##### New features - [#2563](https://github.com/jgthms/bulma/issues/2563) `.image` has a new `.is-fullwidth` modifier ### [`v0.7.5`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#075) [Compare Source](https://github.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://github.com/jgthms/bulma/issues/2375) Add `.is-relative` helper - [#2321](https://github.com/jgthms/bulma/issues/2321) Make `.navbar` focus behave like hover for the navigation - [#2290](https://github.com/jgthms/bulma/issues/2290) Fix [#1186](https://github.com/jgthms/bulma/issues/1186) -> Reset the offset on columns - [#2231](https://github.com/jgthms/bulma/issues/2231) Add `.has-text-weight-medium` helper - [#2224](https://github.com/jgthms/bulma/issues/2224) Add customizable border radius to progress bar - [#2480](https://github.com/jgthms/bulma/issues/2480) Add `$footer-color` variable ##### Improvements - [#2396](https://github.com/jgthms/bulma/issues/2396) Update docs with webpack 4 example - [#2381](https://github.com/jgthms/bulma/issues/2381) Make centered buttons have equal margin - Fix [#2297](https://github.com/jgthms/bulma/issues/2297) -> Remove `.container` fixed width values, use `flex-grow` - [#2478](https://github.com/jgthms/bulma/issues/2478) Move form.sass into its own folder ##### Bug fixes - [#2420](https://github.com/jgthms/bulma/issues/2420) Fix [#2414](https://github.com/jgthms/bulma/issues/2414) -> Fix `align` attribute in `td/th` being ignored - [#2463](https://github.com/jgthms/bulma/issues/2463) Remove duplicate `.has-addons` in `tag.sass` - [#2253](https://github.com/jgthms/bulma/issues/2253) Fix `$gap` variable default value - [#2273](https://github.com/jgthms/bulma/issues/2273) Fix [#2258](https://github.com/jgthms/bulma/issues/2258) -> Fix Indeterminate Progress Bar animation in Firefox - [#2175](https://github.com/jgthms/bulma/issues/2175) Proper aligning for `.tabs` within `.content` - [#2476](https://github.com/jgthms/bulma/issues/2476) Fix [#2441](https://github.com/jgthms/bulma/issues/2441) -> Correct active pagination link text color on hero Fix [#1979](https://github.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` ### [`v0.7.4`](https://github.com/jgthms/bulma/releases/tag/0.7.4) [Compare Source](https://github.com/jgthms/bulma/compare/0.7.2...0.7.4) Same as `0.7.3` but with the CSS files attached. ### [`v0.7.2`](https://github.com/jgthms/bulma/blob/HEAD/CHANGELOG.md#072) [Compare Source](https://github.com/jgthms/bulma/compare/0.7.1...0.7.2) ##### New features - [#1884](https://github.com/jgthms/bulma/issues/1884) New `$navbar-burger-color` variable - [#1679](https://github.com/jgthms/bulma/issues/1679) Add breakpoint based column gaps - [#1905](https://github.com/jgthms/bulma/issues/1905) Fix `modal` for IE11 [#1902](https://github.com/jgthms/bulma/issues/1902) - [#1919](https://github.com/jgthms/bulma/issues/1919) New `is-arrowless` class for navbar items - [#1949](https://github.com/jgthms/bulma/issues/1949) New `is-fullheight-with-navbar` class for heros - [#1764](https://github.com/jgthms/bulma/issues/1764) New `.is-sr-only` helper - [#2109](https://github.com/jgthms/bulma/issues/2109) Add and use `$navbar-breakpoint` variable - New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height` - [#1720](https://github.com/jgthms/bulma/issues/1720) Add list element feature - [#2123](https://github.com/jgthms/bulma/issues/2123) Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute ##### Improvements - [#1964](https://github.com/jgthms/bulma/issues/1964) Allow `.notification` to have a `.dropdown-item` - [#1999](https://github.com/jgthms/bulma/issues/1999) Change `$border` to `$grey-lighter` in mixins - [#2085](https://github.com/jgthms/bulma/issues/2085) `.media-content` will allow scrolling horizontally if the content is too wide - [#1744](https://github.com/jgthms/bulma/issues/1744) Fix [#1710](https://github.com/jgthms/bulma/issues/1710) by using `$table-striped-row-even-hover-background-color` only for even rows - [#2074](https://github.com/jgthms/bulma/issues/2074) Allow `<button>` as `.dropdown-item` ##### Bug fixes - [#1749](https://github.com/jgthms/bulma/issues/1749) Fix icons floating out of input area - [#1993](https://github.com/jgthms/bulma/issues/1993) Fixes [#1992](https://github.com/jgthms/bulma/issues/1992) Prevent disabled form elements hover state from overlapping, if control has add-ons elements - [#1909](https://github.com/jgthms/bulma/issues/1909) Fix Modal card in IE11 - [#1908](https://github.com/jgthms/bulma/issues/1908) Fix IE11 when textarea doesn't listen to `size=""` - Fix [#1991](https://github.com/jgthms/bulma/issues/1991) The last button in list of full-width buttons has longer width - [#1982](https://github.com/jgthms/bulma/issues/1982) Fix navbar-burger color when color modifier is used - [#1819](https://github.com/jgthms/bulma/issues/1819) Fix [#1137](https://github.com/jgthms/bulma/issues/1137) error message for required file - Fix [#1904](https://github.com/jgthms/bulma/issues/1904) and [#1969](https://github.com/jgthms/bulma/issues/1969): hide native file input in Chrome - [#2059](https://github.com/jgthms/bulma/issues/2059) Remove unnecessary right margin from last level-item (level.is-mobile) </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).