Update dependency bulma to v0.8.0

[renovate[bot]]

This PR contains the following updates:

Package	Update	Change
bulma (source)	minor	0.4.2 -> 0.8.0

---

Release Notes

jgthms/bulma

### [`v0.8.0`](https://togithub.com/jgthms/bulma/blob/master/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 - `findDarkolor()` 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` occurences 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/master/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 colour 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` ### [`v0.7.4`](https://togithub.com/jgthms/bulma/releases/0.7.4) [Compare Source](https://togithub.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://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​072) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.7.1...0.7.2) ##### New features - [#​1884](https://togithub.com/jgthms/bulma/issues/1884) New `$navbar-burger-color` variable - [#​1679](https://togithub.com/jgthms/bulma/issues/1679) Add breakpoint based column gaps - [#​1905](https://togithub.com/jgthms/bulma/issues/1905) Fix `modal` for IE11 [#​1902](https://togithub.com/jgthms/bulma/issues/1902) - [#​1919](https://togithub.com/jgthms/bulma/issues/1919) New `is-arrowless` class for navbar items - [#​1949](https://togithub.com/jgthms/bulma/issues/1949) New `is-fullheight-with-navbar` class for heros - [#​1764](https://togithub.com/jgthms/bulma/issues/1764) New `.is-sr-only` helper - [#​2109](https://togithub.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://togithub.com/jgthms/bulma/issues/1720) Add list element feature - [#​2123](https://togithub.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://togithub.com/jgthms/bulma/issues/1964) Allow `.notification` to have a `.dropdown-item` - [#​1999](https://togithub.com/jgthms/bulma/issues/1999) Change `$border` to `$grey-lighter` in mixins - [#​2085](https://togithub.com/jgthms/bulma/issues/2085) `.media-content` will allow scrolling horizontally if the content is too wide - [#​1744](https://togithub.com/jgthms/bulma/issues/1744) Fix [#​1710](https://togithub.com/jgthms/bulma/issues/1710) by using `$table-striped-row-even-hover-background-color` only for even rows - [#​2074](https://togithub.com/jgthms/bulma/issues/2074) Allow `` as `.dropdown-item` ##### Bug fixes - [#​1749](https://togithub.com/jgthms/bulma/issues/1749) Fix icons floating out of input area - [#​1993](https://togithub.com/jgthms/bulma/issues/1993) Fixes [#​1992](https://togithub.com/jgthms/bulma/issues/1992) Prevent disabled form elements hover state from overlapping, if control has add-ons elements - [#​1909](https://togithub.com/jgthms/bulma/issues/1909) Fix Modal card in IE11 - [#​1908](https://togithub.com/jgthms/bulma/issues/1908) Fix IE11 when textarea doesn't listen to `size=""` - Fix [#​1991](https://togithub.com/jgthms/bulma/issues/1991) The last button in list of full-width buttons has longer width - [#​1982](https://togithub.com/jgthms/bulma/issues/1982) Fix navbar-burger color when color modifier is used - [#​1819](https://togithub.com/jgthms/bulma/issues/1819) Fix [#​1137](https://togithub.com/jgthms/bulma/issues/1137) error message for required file - Fix [#​1904](https://togithub.com/jgthms/bulma/issues/1904) and [#​1969](https://togithub.com/jgthms/bulma/issues/1969): hide native file input in Chrome - [#​2059](https://togithub.com/jgthms/bulma/issues/2059) Remove unnecessary right margin from last level-item (level.is-mobile) ### [`v0.7.1`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​071) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.7.0...0.7.1) ##### Improvements - [#​1789](https://togithub.com/jgthms/bulma/issues/1789) Add all shades to `has-background-*` helpers ##### Bug fixes - [#​1796](https://togithub.com/jgthms/bulma/issues/1796) [#​1806](https://togithub.com/jgthms/bulma/issues/1806) Remove navbar `box-shadow` by default ### [`v0.7.0`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​070) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.6.2...0.7.0) ##### New features - New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint - New variables `$control-border-width` and `$button-border-width` - 🎉 [#​1624](https://togithub.com/jgthms/bulma/issues/1624) Add some common photography aspect ratios and portrait ratios - 🎉 [#​1747](https://togithub.com/jgthms/bulma/issues/1747) New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively ##### Improvements - [#​1619](https://togithub.com/jgthms/bulma/issues/1619) Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements - [#​1669](https://togithub.com/jgthms/bulma/issues/1669) Add `.is-expanded` modifier to `.buttons.has-addons` - [#​1628](https://togithub.com/jgthms/bulma/issues/1628) Add `.has-background` helpers for block background colors, like `.has-text` - [#​1767](https://togithub.com/jgthms/bulma/issues/1767) Added minified bundle with cleancss ##### Bug fixes - [#​1778](https://togithub.com/jgthms/bulma/issues/1778) Fix `is-text-right` precedence over `is-text-left-mobile` - [#​1571](https://togithub.com/jgthms/bulma/issues/1571) Fix position of delete button on `.tag` - [#​1549](https://togithub.com/jgthms/bulma/issues/1549) Implementing a simple version of the native sass percentage function - [#​1707](https://togithub.com/jgthms/bulma/issues/1707) Disable table hover in `.content` by default - [#​1428](https://togithub.com/jgthms/bulma/issues/1428) Fix `media-content` overflow ##### Variable changes ##### Updated default values

File sass/utilities/initial-variables.sass
Variable	From	To
$gap	32px	64px
$radius	3px	4px
$radius-large	5px	6px

File sass/base/generic.sass
Variable	From	To
$hr-background-color	$border	$background
$hr-height	1px	2px

File sass/elements/content.sass
Variable	From	To
$content-heading-weight	$weight-normal	$weight-semibold

File sass/components/message.sass
Variable	From	To
$message-header-padding	0.5em 0.75em	0.75em 1em
$message-body-padding	1em 1.25em	1.25em 1.5em

File sass/components/navbar.sass
Variable	From	To
$navbar-item-hover-background-color	$background	$white-bis
$navbar-dropdown-border-top	1px solid $border	2px solid $border
$navbar-divider-background-color	$border	$background

File sass/layout/footer.sass
Variable	From	To
$footer-background-color	$background	$white-bis

##### New variables

File sass/components/breadcrumb.sass
Name	Value
$breadcrumb-item-padding-vertical	0
$breadcrumb-item-padding-horizontal	0.75em

File sass/components/message.sass
Name	Value
$message-body-border-color	$border
$message-body-border-width	0 0 0 4px
$message-header-weight	$weight-bold
$message-header-body-border-width	0

File sass/components/navbar.sass
Name	Value
$navbar-box-shadow-size	0 2px 0 0
$navbar-box-shadow-color	$background
$navbar-padding-vertical	1rem
$navbar-padding-horizontal	2rem
$navbar-z	30

File sass/elements/title.sass
Name	Value
$title-line-height	1.125
$subtitle-line-height	1.25
$subtitle-negative-margin	-1.25rem

##### Removed variables

File	Removed	Replaced with
sass/components/message.sass	$message-body-border	$message-body-border-color $message-body-border-width

### [`v0.6.2`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​062) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.6.1...0.6.2) ##### New features - 🎉 Rounded buttons, inputs, pagination and toggle tabs ##### Improvements - [#​1343](https://togithub.com/jgthms/bulma/issues/1343) Add `sub` and `sup` title sizes - [#​1452](https://togithub.com/jgthms/bulma/issues/1452) New `.is-italic` helper ##### Bug fixes - [#​935](https://togithub.com/jgthms/bulma/issues/935) Bug dropdown in `hero` (primary) menu items not visible - [#​1456](https://togithub.com/jgthms/bulma/issues/1456) Fix customize documentation - [#​1190](https://togithub.com/jgthms/bulma/issues/1190) Add `$variable-columns` to disable `--columnGap` - [#​1518](https://togithub.com/jgthms/bulma/issues/1518) Fix spacing of the delete button in notification element - [#​1569](https://togithub.com/jgthms/bulma/issues/1569) Fix missing use of `$pagination-color` variable ### [`v0.6.1`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​061) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.6.0...0.6.1) ##### New features - 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons) - 🎉 [#​1235](https://togithub.com/jgthms/bulma/issues/1235) Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths` - 🎉 [#​1287](https://togithub.com/jgthms/bulma/issues/1287) New `.is-invisible` helper - 🎉 [#​1255](https://togithub.com/jgthms/bulma/issues/1255) New `.is-expanded` modifier for `navbar-item` - 🎉 [#​1384](https://togithub.com/jgthms/bulma/issues/1384) New `.is-centered` and `.is-right` modifiers for `tags` - 🎉 [#​1383](https://togithub.com/jgthms/bulma/issues/1383) New `.is-empty` modifier for `file` - 🎉 [#​1380](https://togithub.com/jgthms/bulma/issues/1380) Allow `.is-selected` class on `` and `` tags ##### Improvements - [#​987](https://togithub.com/jgthms/bulma/issues/987) Improve `tag > icon` spacing - Improve `hamburger` alignment ##### Bug fixes - [#​1358](https://togithub.com/jgthms/bulma/issues/1358) Fix indentation bug for .is-one-fifth - [#​1356](https://togithub.com/jgthms/bulma/issues/1356) SASS 3.5+ variable parsing compatibility allows only #{} - [#​1342](https://togithub.com/jgthms/bulma/issues/1342) Remove black line from progress bar in IE - [#​1334](https://togithub.com/jgthms/bulma/issues/1334) Fix progress bar colors in IE - [#​1313](https://togithub.com/jgthms/bulma/issues/1313) Fix Table `is-selected` and `is-hoverable` styling issue - [#​963](https://togithub.com/jgthms/bulma/issues/963) Fix Delete Button Bug in iOS Safari ### [`v0.6.0`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​060) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.5.3...0.6.0) ##### Breaking changes - The new `$link` color is part of the `$colors` map. As a result, `.button.is-link` is a colored button now. Use `.button.is-text` if you want the underlined button. - The deprecated `variables.sass` file has been removed. - The deprecated `nav.sass` file has been removed. ##### New features - [#​1236](https://togithub.com/jgthms/bulma/issues/1236) `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class - [#​1254](https://togithub.com/jgthms/bulma/issues/1254) `.dropdown` now supports `.is-up` modifier ##### Improvements - [#​1257](https://togithub.com/jgthms/bulma/issues/1257) Include placeholder mixin in `=input` The `$link` color is used instead of `$primary` in the following components:

Variable	Old value	New value
$dropdown-item-active-color	$primary-invert	$link-invert
$dropdown-item-active-background-color	$primary	$link
$navbar-tab-hover-border-bottom-color	$primary	$link
$navbar-tab-active-color	$primary	$link
$navbar-tab-active-border-bottom-color	$primary	$link
$navbar-dropdown-item-active-color	$primary	$link
$tabs-link-active-border-bottom-color	$primary	$link
$tabs-link-active-color	$primary	$link
$tabs-toggle-link-active-background-color	$primary	$link
$tabs-toggle-link-active-border-color	$primary	$link
$tabs-toggle-link-active-color	$primary-invert	$link-invert

##### Issues closed - [#​708](https://togithub.com/jgthms/bulma/issues/708) Import variables in mixins ### [`v0.5.3`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​053) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.5.2...0.5.3) ##### New features - [#​1101](https://togithub.com/jgthms/bulma/issues/1101) `.card-header-title` can be centered with `.is-centered` - [#​1189](https://togithub.com/jgthms/bulma/issues/1189) `.input` readonly and `.is-static` - [#​1189](https://togithub.com/jgthms/bulma/issues/1189) `.textarea` readonly ##### Issues closed - [#​1177](https://togithub.com/jgthms/bulma/issues/1177) Fix `.message .tag` combination - [#​1167](https://togithub.com/jgthms/bulma/issues/1167) Fix `pre code` - [#​1207](https://togithub.com/jgthms/bulma/issues/1207) Fix `.breadcrumb` alignment ### [`v0.5.2`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​052) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.5.1...0.5.2) ##### New features - [#​842](https://togithub.com/jgthms/bulma/issues/842) `navbar` color modifiers - [#​331](https://togithub.com/jgthms/bulma/issues/331) Support for third party icons - Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization - Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization - Navbar tabs ##### Issues closed - [#​1168](https://togithub.com/jgthms/bulma/issues/1168) Undefined variable: `$navbar-item` - [#​930](https://togithub.com/jgthms/bulma/issues/930) Remove `vertical-align: top` for icons - [#​735](https://togithub.com/jgthms/bulma/issues/735) Font awesome custom `font-size` - [#​395](https://togithub.com/jgthms/bulma/issues/395) Font awesome stacked icons - [#​1152](https://togithub.com/jgthms/bulma/issues/1152) Level-items not centered horizontally on mobile - [#​1147](https://togithub.com/jgthms/bulma/issues/1147) Add `text-size-adjust: 100%` to `html` - [#​1106](https://togithub.com/jgthms/bulma/issues/1106) `pagination` docs - [#​1063](https://togithub.com/jgthms/bulma/issues/1063) `$family-primary` customization ### [`v0.5.1`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​051) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.5.0...0.5.1) ##### New features - 🎉 [#​280](https://togithub.com/jgthms/bulma/issues/280) [File upload element](https://bulma.io/documentation/form/file/) - `$container-offset` variable to determine the `.container` breakpoints - [#​1001](https://togithub.com/jgthms/bulma/issues/1001) Text case helpers ##### Issues closed - [#​1030](https://togithub.com/jgthms/bulma/issues/1030) Add `!important` to non responsive display helpers - [#​1020](https://togithub.com/jgthms/bulma/issues/1020) Customizing `.navbar-item img` max height - [#​998](https://togithub.com/jgthms/bulma/issues/998) `.navbar-dropdown` with **right** alignment - [#​877](https://togithub.com/jgthms/bulma/issues/877) `.pagination` isn't using `$pagination-background` - [#​989](https://togithub.com/jgthms/bulma/issues/989) `navbar-brand` overflowing on mobile - [#​975](https://togithub.com/jgthms/bulma/issues/975) Variable `$table-head-color` isn't used - [#​964](https://togithub.com/jgthms/bulma/issues/964) Tabs sass file throwing error with `!important` - [#​949](https://togithub.com/jgthms/bulma/issues/949) `.is-size-7` helper is missing ### [`v0.5.0`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​050) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.4.4...0.5.0) ##### New features - 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags) - New **variable naming system**: `component`-`subcomponent`-`state`-`property` - Improved **customization** thanks to new set of variables - [#​934](https://togithub.com/jgthms/bulma/issues/934) New `.is-shadowless` helper Variable name changes (mostly appending `-color`):

From	To
$card	$card-color
$card-background	$card-background-color
$card-header	$card-header-color
$dropdown-item	$dropdown-item-color
$dropdown-content-background	$dropdown-content-background-color
$dropdown-item-hover-background	$dropdown-item-hover-background-color
$dropdown-item-hover	$dropdown-item-hover-color
$dropdown-item-active-background	$dropdown-item-active-background-color
$dropdown-item-active	$dropdown-item-active-color
$dropdown-divider-background	$dropdown-divider-background-color
$menu-item	$menu-item-color
$menu-item-hover	$menu-item-hover-color
$menu-item-hover-background	$menu-item-hover-background-color
$menu-item-active	$menu-item-active-color
$menu-item-active-background	$menu-item-active-background-color
$menu-label	$menu-label-color
$message-background	$message-background-color
$message-header-background	$message-header-background-color
$navbar-background	$navbar-background-color
$navbar-item	$navbar-item-color
$navbar-item-hover	$navbar-item-hover-color
$navbar-item-hover-background	$navbar-item-hover-background-color
$navbar-item-active	$navbar-item-active-color
$navbar-item-active-background	$navbar-item-active-background-color
$navbar-tab-hover-background	$navbar-tab-hover-background-color
$navbar-tab-hover-border-bottom	$navbar-tab-hover-border-bottom-color
$navbar-tab-active	$navbar-tab-active-color
$navbar-tab-active-background	$navbar-tab-active-background-color
$navbar-divider-background	$navbar-divider-background-color
$navbar-dropdown-item-hover	$navbar-dropdown-item-hover-color
$navbar-dropdown-item-hover-background	$navbar-dropdown-item-hover-background-color
$navbar-dropdown-item-active	$navbar-dropdown-item-active-color
$navbar-dropdown-item-active-background	$navbar-dropdown-item-active-background-color
$pagination	$pagination-color
$pagination-hover	$pagination-hover-color
$pagination-hover-border	$pagination-hover-border-color
$pagination-focus	$pagination-focus-color
$pagination-focus-border	$pagination-focus-border-color
$pagination-active	$pagination-active-color
$pagination-active-border	$pagination-active-border-color
$pagination-disabled	$pagination-disabled-color
$pagination-disabled-background	$pagination-disabled-background-color
$pagination-disabled-border	$pagination-disabled-border-color
$pagination-current	$pagination-current-color
$pagination-current-background	$pagination-current-background-color
$pagination-current-border	$pagination-current-border-color
$pagination-ellipsis	$pagination-ellipsis-color
$box	$box-color
$box-background	$box-background-color
$button	$button-color
$button-background	$button-background-color
$button-border	$button-border-color
$button-link	$button-link-color
$button-link-hover-background	$button-link-hover-background-color
$button-link-hover	$button-link-hover-color
$button-disabled-background	$button-disabled-background-color
$button-disabled-border	$button-disabled-border-color
$button-static	$button-static-color
$button-static-background	$button-static-background-color
$button-static-border	$button-static-border-color
$input	$input-color
$input-background	$input-background-color
$input-border	$input-border-color
$input-hover	$input-hover-color
$input-hover-border	$input-hover-border-color
$input-focus	$input-focus-color
$input-focus-border	$input-focus-border-color
$input-disabled	$input-disabled-color
$input-disabled-background	$input-disabled-background-color
$input-disabled-border	$input-disabled-border-color
$input-icon	$input-icon-color
$input-icon-active	$input-icon-active-color
$title	$title-color
$subtitle	$subtitle-color
$card-footer-border	$card-footer-border-top
$menu-list-border	$menu-list-border-left
$navbar-tab-hover-border	$navbar-tab-hover-border-bottom-color
$navbar-tab-active-border	$navbar-tab-active-border-bottom
$table-border	$table-cell-border
$table-row-even-background	$table-striped-row-even-background-color
$table-row-even-hover-background	$table-striped-row-even-hover-background-color

##### Improved documentation - [Starter template](https://bulma.io/documentation/overview/start/#starter-template) - [Colors page](https://bulma.io/documentation/overview/colors/) - [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/) - **Meta** information for all elements and components - **Variables** information for most elements and components ##### Issues closed - [#​909](https://togithub.com/jgthms/bulma/issues/909) `.dropdown` wrapping - [#​938](https://togithub.com/jgthms/bulma/issues/938) `.is-fullwidth` removed from docs - [#​900](https://togithub.com/jgthms/bulma/issues/900) Variable `.navbar-item` for hover+active background/color - [#​902](https://togithub.com/jgthms/bulma/issues/902) `.navbar-item` color overrides ### [`v0.4.4`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​044) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.4.3...0.4.4) ##### New features - New [dropdown button](https://bulma.io/documentation/components/dropdown/)! - The breakpoints and `.container` **gap** can be customized with the new `$gap` variable - The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd` ##### Issues closed - Fix [#​26](https://togithub.com/jgthms/bulma/issues/26) `.textarea` element will honors `[rows]` attribute - Fix [#​887](https://togithub.com/jgthms/bulma/issues/887) `body` scrollbar - Fix [#​715](https://togithub.com/jgthms/bulma/issues/715) `.help` class behaviour in horizontal form `is-grouped` field - Fix [#​842](https://togithub.com/jgthms/bulma/issues/842) Adding modifiers in `navbar` - Fix [#​841](https://togithub.com/jgthms/bulma/issues/841) `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand` - Fix [#​861](https://togithub.com/jgthms/bulma/issues/861) Box in hero as text and background white - Fix [#​852](https://togithub.com/jgthms/bulma/issues/852) charset and version number - Fix [#​856](https://togithub.com/jgthms/bulma/issues/856) JavaScript `.nav-burger` example - Fix [#​821](https://togithub.com/jgthms/bulma/issues/821) Notification strong color ### [`v0.4.3`](https://togithub.com/jgthms/bulma/blob/master/CHANGELOG.md#​043) [Compare Source](https://togithub.com/jgthms/bulma/compare/0.4.2...0.4.3) ##### New features - New navbar with dropdown support - Add new feature: Breadcrumb component ([#​632](https://togithub.com/jgthms/bulma/issues/632)) [@​vinialbano](https://togithub.com/vinialbano) - Add Bloomer to README.md ([#​787](https://togithub.com/jgthms/bulma/issues/787)) [@​AlgusDark](https://togithub.com/AlgusDark) - Add responsive is-\*-touch tags for .column sizes ([#​780](https://togithub.com/jgthms/bulma/issues/780)) [@​tom-rb](https://togithub.com/tom-rb) - Adding 'is-hidden' to helpers in docs ([#​798](https://togithub.com/jgthms/bulma/issues/798)) [@​aheuermann](https://togithub.com/aheuermann) - Add figure/figcaption as content element ([#​807](https://togithub.com/jgthms/bulma/issues/807)) [@​werthen](https://togithub.com/werthen) - Add ^{and _{support to content ([#​808](https://togithub.com/jgthms/bulma/issues/808)) [@​werthen](https://togithub.com/werthen) - Add re-bulma and react-bulma ([#​809](https://togithub.com/jgthms/bulma/issues/809)) [@​kulakowka](https://togithub.com/kulakowka) - Add is-halfheight to hero ([#​783](https://togithub.com/jgthms/bulma/issues/783)) [@​felipeas](https://togithub.com/felipeas) - Added a related project with Golang backend ([#​784](https://togithub.com/jgthms/bulma/issues/784)) [@​Caiyeon](https://togithub.com/Caiyeon) ##### Issues closed - Fix [#​827](https://togithub.com/jgthms/bulma/issues/827) Breadcrumb and Navbar in docs - Fix [#​824](https://togithub.com/jgthms/bulma/issues/824) Code examples broken because of `text-align: center` - Fix [#​820](https://togithub.com/jgthms/bulma/issues/820) Loading spinner resizes with controls - Fix [#​819](https://togithub.com/jgthms/bulma/issues/819) Remove `height: auto` from media elements - Fix [#​790](https://togithub.com/jgthms/bulma/issues/790) Documentation typo - Fix [#​814](https://togithub.com/jgthms/bulma/issues/814) Make use of +fullhd mixin for columns [@​Saboteur777](https://togithub.com/Saboteur777) - Fix [#​781](https://togithub.com/jgthms/bulma/issues/781) Add min/max height/width to delete class size modifiers [@​ZackWard](https://togithub.com/ZackWard) - Fix [#​391](https://togithub.com/jgthms/bulma/issues/391) Section docs update}}

---

Renovate configuration

:date: Schedule: "after 4pm and before 11:59pm every weekday,after 9am and before 11:59pm every weekend" in timezone Europe/London.

:vertical_traffic_light: Automerge: Enabled.

:recycle: Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

:no_bell: 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 WhiteSource Renovate. View repository job log here.

[Jamesking56]

Major design changes, maybe we need to select our own fonts and colours and override Bulma?

Or possibly switch to Tailwind?

[Jamesking56]

I think for v2 we'll be using Tailwind anyway, I'll lock Bulma for now.

[renovate[bot]]

Renovate Ignore Notification

As this PR has been closed unmerged, Renovate will now ignore this update (0.8.0). You will still receive a PR once a newer version is released, so if you wish to permanently ignore this dependency, please add it to the ignoreDeps array of your renovate config.

If this PR was closed by mistake or you changed your mind, you can simply rename this PR and you will soon get a fresh replacement PR opened.