2016-03-26 16:46:15 +00:00
# Bulma Changelog
2018-05-30 08:28:41 +00:00
## 0.7.2
### New features
* #1884 New `$navbar-burger-color` variable
2018-05-30 12:12:03 +00:00
* #1679 Add breakpoint based column gaps
2018-05-31 16:31:37 +00:00
* #1905 Fix `modal` for IE11 #1902
2018-06-11 09:51:32 +00:00
* #1919 New `is-arrowless` class for navbar items
2018-07-09 15:11:05 +00:00
* #1764 New `.is-sr-only` helper
2018-05-30 08:28:41 +00:00
2018-07-09 14:51:38 +00:00
### Improvements
* #1964 Allow `.notification` to have a `.dropdown-item`
2018-07-18 12:01:13 +00:00
* #1999 Change `$border` to `$grey-lighter` in mixins
2018-07-09 14:51:38 +00:00
2018-05-30 08:54:32 +00:00
### Bug fixes
* #1749 Fix icons floating out of input area
2018-04-18 16:17:15 +00:00
## 0.7.1
### Improvements
* #1789 Add all shades to `has-background-*` helpers
### Bug fixes
* #1796 #1806 Remove navbar `box-shadow` by default
2018-04-08 18:46:32 +00:00
## 0.7.0
2018-01-16 10:36:17 +00:00
2018-04-08 12:42:39 +00:00
### New features
2018-04-08 19:11:48 +00:00
* New variables `$widescreen-enabled` and `$fullhd-enabled` : you can set them to `false` to disable each breakpoint
2018-04-08 18:46:32 +00:00
* New variables `$control-border-width` and `$button-border-width`
2018-04-08 15:30:59 +00:00
* 🎉 #1624 Add some common photography aspect ratios and portrait ratios
2018-04-08 13:38:59 +00:00
* 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
2018-04-08 12:42:39 +00:00
2018-04-08 11:03:03 +00:00
### Improvements
2018-04-14 15:06:57 +00:00
* #1619 Add `$card-header-background-color` , `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
2018-04-08 14:56:46 +00:00
* #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
2018-04-08 14:34:40 +00:00
* #1628 Add `.has-background` helpers for block background colors, like `.has-text`
2018-04-08 11:03:03 +00:00
* #1767 Added minified bundle with cleancss
2018-01-16 10:36:17 +00:00
### Bug fixes
2018-04-08 18:22:26 +00:00
* #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
2018-04-08 15:37:40 +00:00
* #1571 Fix position of delete button on `.tag`
* #1549 Implementing a simple version of the native sass percentage function
2018-04-08 14:13:15 +00:00
* #1707 Disable table hover in `.content` by default
2018-01-16 10:36:17 +00:00
* #1428 Fix `media-content` overflow
2018-04-13 14:42:47 +00:00
### Variable changes
#### Updated default values
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "3" >
File
< code > sass/utilities/initial-variables.sass< / code >
< / th >
< / tr >
< tr >
< th > Variable< / th >
< th > From< / th >
< th > To< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $gap< / code >
< / td >
< td >
< code > 32px< / code >
< / td >
< td >
< code > 64px< / code >
< / td >
< / tr >
< tr >
< td >
< code > $radius< / code >
< / td >
< td >
< code > 3px< / code >
< / td >
< td >
< code > 4px< / code >
< / td >
< / tr >
< tr >
< td >
< code > $radius-large< / code >
< / td >
< td >
< code > 5px< / code >
< / td >
< td >
< code > 6px< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "3" >
File
< code > sass/base/generic.sass< / code >
< / th >
< / tr >
< tr >
< th > Variable< / th >
< th > From< / th >
< th > To< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $hr-background-color< / code >
< / td >
< td >
< code > $border< / code >
< / td >
< td >
< code > $background< / code >
< / td >
< / tr >
< tr >
< td >
< code > $hr-height< / code >
< / td >
< td >
< code > 1px< / code >
< / td >
< td >
< code > 2px< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "3" >
File
< code > sass/elements/content.sass< / code >
< / th >
< / tr >
< tr >
< th > Variable< / th >
< th > From< / th >
< th > To< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $content-heading-weight< / code >
< / td >
< td >
< code > $weight-normal< / code >
< / td >
< td >
< code > $weight-semibold< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "3" >
File
< code > sass/components/message.sass< / code >
< / th >
< / tr >
< tr >
< th > Variable< / th >
< th > From< / th >
< th > To< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $message-header-padding< / code >
< / td >
< td >
< code > 0.5em 0.75em< / code >
< / td >
< td >
< code > 0.75em 1em< / code >
< / td >
< / tr >
< tr >
< td >
< code > $message-body-padding< / code >
< / td >
< td >
< code > 1em 1.25em< / code >
< / td >
< td >
< code > 1.25em 1.5em< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "3" >
File
< code > sass/components/navbar.sass< / code >
< / th >
< / tr >
< tr >
< th > Variable< / th >
< th > From< / th >
< th > To< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $navbar-item-hover-background-color< / code >
< / td >
< td >
< code > $background< / code >
< / td >
< td >
< code > $white-bis< / code >
< / td >
< / tr >
< tr >
< td >
< code > $navbar-dropdown-border-top< / code >
< / td >
< td >
< code > 1px solid $border< / code >
< / td >
< td >
< code > 2px solid $border< / code >
< / td >
< / tr >
< tr >
< td >
< code > $navbar-divider-background-color< / code >
< / td >
< td >
< code > $border< / code >
< / td >
< td >
< code > $background< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "3" >
File
< code > sass/layout/footer.sass< / code >
< / th >
< / tr >
< tr >
< th > Variable< / th >
< th > From< / th >
< th > To< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $footer-background-color< / code >
< / td >
< td >
< code > $background< / code >
< / td >
< td >
< code > $white-bis< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
#### New variables
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "2" >
File
< code > sass/components/breadcrumb.sass< / code >
< / th >
< / tr >
< tr >
< th > Name< / th >
< th > Value< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $breadcrumb-item-padding-vertical< / code >
< / td >
< td >
< code > 0< / code >
< / td >
< / tr >
< tr >
< td >
< code > $breadcrumb-item-padding-horizontal< / code >
< / td >
< td >
< code > 0.75em< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "2" >
File
< code > sass/components/message.sass< / code >
< / th >
< / tr >
< tr >
< th > Name< / th >
< th > Value< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $message-body-border-color< / code >
< / td >
< td >
< code > $border< / code >
< / td >
< / tr >
< tr >
< td >
< code > $message-body-border-width< / code >
< / td >
< td >
< code > 0 0 0 4px< / code >
< / td >
< / tr >
< tr >
< td >
< code > $message-header-weight< / code >
< / td >
< td >
< code > $weight-bold< / code >
< / td >
< / tr >
< tr >
< td >
< code > $message-header-body-border-width< / code >
< / td >
< td >
< code > 0< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "2" >
File
< code > sass/components/navbar.sass< / code >
< / th >
< / tr >
< tr >
< th > Name< / th >
< th > Value< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $navbar-box-shadow-size< / code >
< / td >
< td >
< code > 0 2px 0 0< / code >
< / td >
< / tr >
< tr >
< td >
< code > $navbar-box-shadow-color< / code >
< / td >
< td >
< code > $background< / code >
< / td >
< / tr >
< tr >
< td >
< code > $navbar-padding-vertical< / code >
< / td >
< td >
< code > 1rem< / code >
< / td >
< / tr >
< tr >
< td >
< code > $navbar-padding-horizontal< / code >
< / td >
< td >
< code > 2rem< / code >
< / td >
< / tr >
< tr >
< td >
< code > $navbar-z< / code >
< / td >
< td >
< code > 30< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
< table class = "table is-bordered" >
< tbody >
< tr >
< th class = "is-light" colspan = "2" >
File
< code > sass/elements/title.sass< / code >
< / th >
< / tr >
< tr >
< th > Name< / th >
< th > Value< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > $title-line-height< / code >
< / td >
< td >
< code > 1.125< / code >
< / td >
< / tr >
< tr >
< td >
< code > $subtitle-line-height< / code >
< / td >
< td >
< code > 1.25< / code >
< / td >
< / tr >
< tr >
< td >
< code > $subtitle-negative-margin< / code >
< / td >
< td >
< code > -1.25rem< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
#### Removed variables
< table class = "table is-bordered" >
2018-04-14 15:06:57 +00:00
< tbody >
2018-04-13 14:42:47 +00:00
< tr >
< th > File< / th >
< th > Removed< / th >
< th > Replaced with< / th >
< / tr >
2018-04-14 15:06:57 +00:00
< tr >
< td >
< code > sass/components/message.sass< / code >
< / td >
< td >
< code > $message-body-border< / code >
< / td >
< td >
< code > $message-body-border-color< / code >
< br >
< code > $message-body-border-width< / code >
< / td >
< / tr >
2018-04-13 14:42:47 +00:00
< / tbody >
< / table >
2018-01-10 17:44:56 +00:00
## 0.6.2
2017-11-30 10:56:28 +00:00
2017-12-04 19:43:19 +00:00
### New features
* 🎉 Rounded buttons, inputs, pagination and toggle tabs
2017-11-30 10:56:28 +00:00
### Improvements
2018-01-10 17:44:56 +00:00
* #1343 Add `sub` and `sup` title sizes
* #1452 New `.is-italic` helper
2017-11-30 10:56:28 +00:00
2017-12-04 19:28:07 +00:00
### Bug fixes
2018-01-10 17:44:56 +00:00
* #935 Bug dropdown in `hero` (primary) menu items not visible
2017-12-04 19:28:07 +00:00
* #1456 Fix customize documentation
2017-12-04 21:03:01 +00:00
* #1190 Add `$variable-columns` to disable `--columnGap`
2017-12-28 15:09:04 +00:00
* #1518 Fix spacing of the delete button in notification element
2017-12-28 15:10:35 +00:00
* #1569 Fix missing use of `$pagination-color` variable
2017-12-04 19:28:07 +00:00
2017-10-11 17:03:05 +00:00
## 0.6.1
### New features
2017-10-17 10:53:44 +00:00
* 🎉 [List of buttons ](https://bulma.io/documentation/elements/button/#list-of-buttons )
2017-10-18 10:50:16 +00:00
* 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
* 🎉 #1287 New `.is-invisible` helper
2017-10-26 11:12:25 +00:00
* 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
2017-11-05 14:09:36 +00:00
* 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
2017-11-06 12:26:08 +00:00
* 🎉 #1383 New `.is-empty` modifier for `file`
2017-11-06 12:39:10 +00:00
* 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
2017-10-11 17:03:05 +00:00
2017-10-18 09:43:37 +00:00
### Improvements
* #987 Improve `tag > icon` spacing
2017-10-18 10:27:51 +00:00
* Improve `hamburger` alignment
2017-10-18 09:43:37 +00:00
2017-11-06 12:39:10 +00:00
### Bug fixes
2017-10-18 09:37:33 +00:00
2017-10-24 08:52:14 +00:00
* #1358 Fix indentation bug for .is-one-fifth
2017-11-06 12:39:10 +00:00
* #1356 SASS 3.5+ variable parsing compatibility allows only #{}
2017-10-24 08:52:14 +00:00
* #1342 Remove black line from progress bar in IE
* #1334 Fix progress bar colors in IE
2017-10-18 09:37:33 +00:00
* #1313 Fix Table `is-selected` and `is-hoverable` styling issue
2017-10-24 08:52:14 +00:00
* #963 Fix Delete Button Bug in iOS Safari
2017-10-18 09:37:33 +00:00
2017-10-10 09:48:03 +00:00
## 0.6.0
2017-10-07 15:57:19 +00:00
2017-10-10 08:54:53 +00:00
### Breaking changes
2017-10-10 09:52:47 +00:00
* 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.
2017-10-10 09:46:11 +00:00
2017-10-07 15:57:19 +00:00
### New features
* #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
2017-10-07 16:04:38 +00:00
* #1254 `.dropdown` now supports `.is-up` modifier
2017-10-07 15:57:19 +00:00
2017-10-09 09:36:14 +00:00
### Improvements
* #1257 Include placeholder mixin in `=input`
2017-10-10 08:54:53 +00:00
The `$link` color is used instead of `$primary` in the following components:
< table >
2017-10-10 09:48:03 +00:00
< tr >
< th > Variable< / th >
< th > Old value< / th >
< th > New value< / th >
< / tr >
< tr >
< td > < code > $dropdown-item-active-color< / code > < / td >
< td > < code > $primary-invert< / code > < / td >
< td > < code > $link-invert< / code > < / td >
< / tr >
< tr >
< td > < code > $dropdown-item-active-background-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $navbar-tab-hover-border-bottom-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $navbar-tab-active-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $navbar-tab-active-border-bottom-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $navbar-dropdown-item-active-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $tabs-link-active-border-bottom-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $tabs-link-active-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $tabs-toggle-link-active-background-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $tabs-toggle-link-active-border-color< / code > < / td >
< td > < code > $primary< / code > < / td >
< td > < code > $link< / code > < / td >
< / tr >
< tr >
< td > < code > $tabs-toggle-link-active-color< / code > < / td >
< td > < code > $primary-invert< / code > < / td >
< td > < code > $link-invert< / code > < / td >
< / tr >
2017-10-10 08:54:53 +00:00
< / table >
2017-10-09 09:36:14 +00:00
### Issues closed
* #708 Import variables in mixins
2017-09-18 21:36:53 +00:00
## 0.5.3
2017-09-18 22:33:19 +00:00
### New features
2017-09-18 22:36:41 +00:00
* #1101 `.card-header-title` can be centered with `.is-centered`
2017-09-18 22:33:19 +00:00
* #1189 `.input` readonly and `.is-static`
* #1189 `.textarea` readonly
2017-09-18 21:36:53 +00:00
### Issues closed
2017-09-18 22:02:43 +00:00
* #1177 Fix `.message .tag` combination
2017-09-18 21:54:26 +00:00
* #1167 Fix `pre code`
2017-09-18 21:36:53 +00:00
* #1207 Fix `.breadcrumb` alignment
2017-08-14 10:26:48 +00:00
## 0.5.2
2017-08-30 16:29:01 +00:00
### New features
2017-09-09 10:36:09 +00:00
* #842 `navbar` color modifiers
2017-09-11 19:04:51 +00:00
* #331 Support for third party icons
2017-08-30 16:29:01 +00:00
* 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
2017-09-11 19:04:51 +00:00
* Navbar tabs
2017-08-30 16:29:01 +00:00
2017-08-14 10:26:48 +00:00
### Issues closed
2017-09-10 16:04:54 +00:00
* #1168 Undefined variable: `$navbar-item`
2017-09-09 16:32:12 +00:00
* #930 Remove `vertical-align: top` for icons
* #735 Font awesome custom `font-size`
* #395 Font awesome stacked icons
2017-09-09 10:36:09 +00:00
* #1152 Level-items not centered horizontally on mobile
* #1147 Add `text-size-adjust: 100%` to `html`
2017-09-05 12:09:20 +00:00
* #1106 `pagination` docs
2017-08-30 16:29:01 +00:00
* #1063 `$family-primary` customization
2017-08-14 10:26:48 +00:00
2017-07-29 23:32:29 +00:00
## 0.5.1
### New features
2017-10-17 10:53:44 +00:00
* 🎉 #280 [File upload element ](https://bulma.io/documentation/form/file/ )
2017-07-31 19:22:27 +00:00
* `$container-offset` variable to determine the `.container` breakpoints
2017-08-03 18:58:22 +00:00
* #1001 Text case helpers
2017-07-29 23:32:29 +00:00
2017-07-30 18:25:24 +00:00
### Issues closed
2017-08-12 10:41:54 +00:00
* #1030 Add `!important` to non responsive display helpers
2017-08-07 18:55:21 +00:00
* #1020 Customizing `.navbar-item img` max height
2017-08-02 22:52:36 +00:00
* #998 `.navbar-dropdown` with **right** alignment
2017-08-02 22:31:24 +00:00
* #877 `.pagination` isn't using `$pagination-background`
2017-08-01 18:54:46 +00:00
* #989 `navbar-brand` overflowing on mobile
2017-07-31 17:47:57 +00:00
* #975 Variable `$table-head-color` isn't used
2017-07-30 18:25:24 +00:00
* #964 Tabs sass file throwing error with `!important`
* #949 `.is-size-7` helper is missing
2017-07-29 17:30:36 +00:00
## 0.5.0
2017-07-29 17:40:51 +00:00
### New features
2017-10-17 10:53:44 +00:00
* 🎉 [List of tags ](https://bulma.io/documentation/elements/tag/#list-of-tags )
2017-07-29 17:40:51 +00:00
* New **variable naming system** : `component` -`subcomponent`-`state`-`property`
* Improved **customization** thanks to new set of variables
2017-07-29 17:43:53 +00:00
* #934 New `.is-shadowless` helper
2017-07-29 17:40:51 +00:00
Variable name changes (mostly appending `-color` ):
< table >
< tr > < th > From< / th > < th > To< / th > < / tr >
< tr > < td > < code > $card< / code > < / td > < td > < code > $card-color< / code > < / td > < / tr >
< tr > < td > < code > $card-background< / code > < / td > < td > < code > $card-background-color< / code > < / td > < / tr >
< tr > < td > < code > $card-header< / code > < / td > < td > < code > $card-header-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-item< / code > < / td > < td > < code > $dropdown-item-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-content-background< / code > < / td > < td > < code > $dropdown-content-background-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-item-hover-background< / code > < / td > < td > < code > $dropdown-item-hover-background-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-item-hover< / code > < / td > < td > < code > $dropdown-item-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-item-active-background< / code > < / td > < td > < code > $dropdown-item-active-background-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-item-active< / code > < / td > < td > < code > $dropdown-item-active-color< / code > < / td > < / tr >
< tr > < td > < code > $dropdown-divider-background< / code > < / td > < td > < code > $dropdown-divider-background-color< / code > < / td > < / tr >
< tr > < td > < code > $menu-item< / code > < / td > < td > < code > $menu-item-color< / code > < / td > < / tr >
< tr > < td > < code > $menu-item-hover< / code > < / td > < td > < code > $menu-item-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $menu-item-hover-background< / code > < / td > < td > < code > $menu-item-hover-background-color< / code > < / td > < / tr >
< tr > < td > < code > $menu-item-active< / code > < / td > < td > < code > $menu-item-active-color< / code > < / td > < / tr >
< tr > < td > < code > $menu-item-active-background< / code > < / td > < td > < code > $menu-item-active-background-color< / code > < / td > < / tr >
< tr > < td > < code > $menu-label< / code > < / td > < td > < code > $menu-label-color< / code > < / td > < / tr >
< tr > < td > < code > $message-background< / code > < / td > < td > < code > $message-background-color< / code > < / td > < / tr >
< tr > < td > < code > $message-header-background< / code > < / td > < td > < code > $message-header-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-background< / code > < / td > < td > < code > $navbar-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-item< / code > < / td > < td > < code > $navbar-item-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-item-hover< / code > < / td > < td > < code > $navbar-item-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-item-hover-background< / code > < / td > < td > < code > $navbar-item-hover-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-item-active< / code > < / td > < td > < code > $navbar-item-active-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-item-active-background< / code > < / td > < td > < code > $navbar-item-active-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-tab-hover-background< / code > < / td > < td > < code > $navbar-tab-hover-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-tab-hover-border-bottom< / code > < / td > < td > < code > $navbar-tab-hover-border-bottom-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-tab-active< / code > < / td > < td > < code > $navbar-tab-active-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-tab-active-background< / code > < / td > < td > < code > $navbar-tab-active-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-divider-background< / code > < / td > < td > < code > $navbar-divider-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-dropdown-item-hover< / code > < / td > < td > < code > $navbar-dropdown-item-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-dropdown-item-hover-background< / code > < / td > < td > < code > $navbar-dropdown-item-hover-background-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-dropdown-item-active< / code > < / td > < td > < code > $navbar-dropdown-item-active-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-dropdown-item-active-background< / code > < / td > < td > < code > $navbar-dropdown-item-active-background-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination< / code > < / td > < td > < code > $pagination-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-hover< / code > < / td > < td > < code > $pagination-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-hover-border< / code > < / td > < td > < code > $pagination-hover-border-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-focus< / code > < / td > < td > < code > $pagination-focus-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-focus-border< / code > < / td > < td > < code > $pagination-focus-border-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-active< / code > < / td > < td > < code > $pagination-active-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-active-border< / code > < / td > < td > < code > $pagination-active-border-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-disabled< / code > < / td > < td > < code > $pagination-disabled-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-disabled-background< / code > < / td > < td > < code > $pagination-disabled-background-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-disabled-border< / code > < / td > < td > < code > $pagination-disabled-border-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-current< / code > < / td > < td > < code > $pagination-current-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-current-background< / code > < / td > < td > < code > $pagination-current-background-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-current-border< / code > < / td > < td > < code > $pagination-current-border-color< / code > < / td > < / tr >
< tr > < td > < code > $pagination-ellipsis< / code > < / td > < td > < code > $pagination-ellipsis-color< / code > < / td > < / tr >
< tr > < td > < code > $box< / code > < / td > < td > < code > $box-color< / code > < / td > < / tr >
< tr > < td > < code > $box-background< / code > < / td > < td > < code > $box-background-color< / code > < / td > < / tr >
< tr > < td > < code > $button< / code > < / td > < td > < code > $button-color< / code > < / td > < / tr >
< tr > < td > < code > $button-background< / code > < / td > < td > < code > $button-background-color< / code > < / td > < / tr >
< tr > < td > < code > $button-border< / code > < / td > < td > < code > $button-border-color< / code > < / td > < / tr >
< tr > < td > < code > $button-link< / code > < / td > < td > < code > $button-link-color< / code > < / td > < / tr >
< tr > < td > < code > $button-link-hover-background< / code > < / td > < td > < code > $button-link-hover-background-color< / code > < / td > < / tr >
< tr > < td > < code > $button-link-hover< / code > < / td > < td > < code > $button-link-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $button-disabled-background< / code > < / td > < td > < code > $button-disabled-background-color< / code > < / td > < / tr >
< tr > < td > < code > $button-disabled-border< / code > < / td > < td > < code > $button-disabled-border-color< / code > < / td > < / tr >
< tr > < td > < code > $button-static< / code > < / td > < td > < code > $button-static-color< / code > < / td > < / tr >
< tr > < td > < code > $button-static-background< / code > < / td > < td > < code > $button-static-background-color< / code > < / td > < / tr >
< tr > < td > < code > $button-static-border< / code > < / td > < td > < code > $button-static-border-color< / code > < / td > < / tr >
< tr > < td > < code > $input< / code > < / td > < td > < code > $input-color< / code > < / td > < / tr >
< tr > < td > < code > $input-background< / code > < / td > < td > < code > $input-background-color< / code > < / td > < / tr >
< tr > < td > < code > $input-border< / code > < / td > < td > < code > $input-border-color< / code > < / td > < / tr >
< tr > < td > < code > $input-hover< / code > < / td > < td > < code > $input-hover-color< / code > < / td > < / tr >
< tr > < td > < code > $input-hover-border< / code > < / td > < td > < code > $input-hover-border-color< / code > < / td > < / tr >
< tr > < td > < code > $input-focus< / code > < / td > < td > < code > $input-focus-color< / code > < / td > < / tr >
< tr > < td > < code > $input-focus-border< / code > < / td > < td > < code > $input-focus-border-color< / code > < / td > < / tr >
< tr > < td > < code > $input-disabled< / code > < / td > < td > < code > $input-disabled-color< / code > < / td > < / tr >
< tr > < td > < code > $input-disabled-background< / code > < / td > < td > < code > $input-disabled-background-color< / code > < / td > < / tr >
< tr > < td > < code > $input-disabled-border< / code > < / td > < td > < code > $input-disabled-border-color< / code > < / td > < / tr >
< tr > < td > < code > $input-icon< / code > < / td > < td > < code > $input-icon-color< / code > < / td > < / tr >
< tr > < td > < code > $input-icon-active< / code > < / td > < td > < code > $input-icon-active-color< / code > < / td > < / tr >
< tr > < td > < code > $title< / code > < / td > < td > < code > $title-color< / code > < / td > < / tr >
< tr > < td > < code > $subtitle< / code > < / td > < td > < code > $subtitle-color< / code > < / td > < / tr >
< tr > < td > < code > $card-footer-border< / code > < / td > < td > < code > $card-footer-border-top< / code > < / td > < / tr >
< tr > < td > < code > $menu-list-border< / code > < / td > < td > < code > $menu-list-border-left< / code > < / td > < / tr >
< tr > < td > < code > $navbar-tab-hover-border< / code > < / td > < td > < code > $navbar-tab-hover-border-bottom-color< / code > < / td > < / tr >
< tr > < td > < code > $navbar-tab-active-border< / code > < / td > < td > < code > $navbar-tab-active-border-bottom< / code > < / td > < / tr >
< tr > < td > < code > $table-border< / code > < / td > < td > < code > $table-cell-border< / code > < / td > < / tr >
< tr > < td > < code > $table-row-even-background< / code > < / td > < td > < code > $table-striped-row-even-background-color< / code > < / td > < / tr >
< tr > < td > < code > $table-row-even-hover-background< / code > < / td > < td > < code > $table-striped-row-even-hover-background-color< / code > < / td > < / tr >
< / table >
### Improved documentation
2017-10-17 10:53:44 +00:00
* [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/ )
2017-07-29 17:40:51 +00:00
* **Meta** information for all elements and components
* **Variables** information for most elements and components
2017-07-29 17:30:36 +00:00
### Issues closed
* #909 `.dropdown` wrapping
2017-07-29 17:43:53 +00:00
* #938 `.is-fullwidth` removed from docs
* #900 Variable `.navbar-item` for hover+active background/color
2017-07-29 17:44:45 +00:00
* #902 `.navbar-item` color overrides
2017-07-29 17:30:36 +00:00
2017-07-05 20:27:23 +00:00
## 0.4.4
2017-07-21 09:22:08 +00:00
### New features
2017-10-17 10:53:44 +00:00
* New [dropdown button ](https://bulma.io/documentation/components/dropdown/ )!
2017-07-21 09:22:08 +00:00
* The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
* The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
2017-07-05 20:27:23 +00:00
### Issues closed
2017-07-21 07:42:57 +00:00
* Fix #26 `.textarea` element will honors `[rows]` attribute
2017-07-19 22:08:40 +00:00
* Fix #887 `body` scrollbar
2017-07-21 07:42:57 +00:00
* Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
2017-07-16 18:44:28 +00:00
* Fix #842 Adding modifiers in `navbar`
2017-07-21 07:42:57 +00:00
* Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
2017-07-13 18:44:35 +00:00
* Fix #861 Box in hero as text and background white
2017-07-13 17:55:46 +00:00
* Fix #852 charset and version number
2017-07-21 07:42:57 +00:00
* Fix #856 JavaScript `.nav-burger` example
2017-07-05 20:27:23 +00:00
* Fix #821 Notification strong color
2017-06-27 21:18:07 +00:00
## 0.4.3
### New features
2017-07-05 20:14:30 +00:00
* New navbar with dropdown support
2017-06-27 21:18:07 +00:00
* Add new feature: Breadcrumb component (#632) @vinialbano
* Add Bloomer to README.md (#787) @AlgusDark
* Add responsive is-*-touch tags for .column sizes (#780) @tom -rb
* Adding 'is-hidden' to helpers in docs (#798) @aheuermann
* Add figure/figcaption as content element (#807) @werthen
* Add < sup > and < sub > support to content (#808) @werthen
* Add re-bulma and react-bulma (#809) @kulakowka
* Add is-halfheight to hero (#783) @felipeas
* Added a related project with Golang backend (#784) @Caiyeon
### Issues closed
2017-07-02 23:17:42 +00:00
* Fix #827 Breadcrumb and Navbar in docs
2017-06-30 22:20:55 +00:00
* Fix #824 Code examples broken because of `text-align: center`
2017-06-27 21:57:13 +00:00
* Fix #820 Loading spinner resizes with controls
2017-06-27 21:18:07 +00:00
* Fix #819 Remove `height: auto` from media elements
* Fix #790 Documentation typo
* Fix #814 Make use of +fullhd mixin for columns @Saboteur777
* Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
* Fix #391 Section docs update
2017-05-05 10:08:53 +00:00
## 0.4.2
* Fix #728 selected row on striped table
2017-05-27 19:50:20 +00:00
* Fix #747 remove flex-shrink for is-expanded
2017-05-27 20:02:31 +00:00
* Fix #702 add icons support for select dropdown
2017-05-28 14:35:14 +00:00
* Fix #712 delete button as flexbox item
2017-05-28 15:07:29 +00:00
* Fix #759 static button
2017-05-05 10:08:53 +00:00
2017-03-26 16:27:15 +00:00
## 0.4.1
2017-04-02 13:54:23 +00:00
* Fix #568 max-width container
* Fix #589 notification delete
* Fix #272 nav-right without nav-menu
* Fix #616 hero and notification buttons
* Fix #607 has-addons z-index
* Feature #586 select color modifiers
* Fix #537 -ms-expand
* Fix #578 better `+center` mixin
2017-04-02 13:51:40 +00:00
* Fix #565 `dl` styles
* Fix #389 `pre` `margin-bottom`
2017-04-02 15:51:42 +00:00
* Fix #484 icon alignment
2017-04-02 15:28:18 +00:00
* Fix #506 bold nav menu
2017-04-02 15:22:54 +00:00
* Fix #581 nav container
2017-04-02 15:41:05 +00:00
* Fix #512 nav grouped buttons
2017-04-02 15:51:07 +00:00
* Fix #605 container example
2017-04-02 16:37:22 +00:00
* Fix #458 select expanded
2017-04-02 16:52:03 +00:00
* Fix #403 separate animations
2017-04-12 23:28:35 +00:00
* Fix #637 customize Bulma
2017-04-13 00:10:39 +00:00
* Fix #584 loading select
* Fix #571 control height
2017-04-15 13:41:32 +00:00
* Fix #634 is-grouped control
2017-04-15 13:52:08 +00:00
* Fix #676 checkbox/radio wrapping
2017-04-15 14:55:03 +00:00
* Feature #479 has-icons placement
2017-04-15 16:08:30 +00:00
* Fix #442 selected table row
2017-04-15 16:24:01 +00:00
* Fix #187 add customize page
2017-04-15 17:02:28 +00:00
* Fix #449 columns negative horizontal margin
2017-04-15 17:15:00 +00:00
* Fix #399 pagination wrapping
2017-04-15 17:24:31 +00:00
* Fix #227 color keys as strings
2017-03-26 16:27:15 +00:00
2017-03-15 22:13:43 +00:00
## 0.4.0
2017-03-13 12:05:02 +00:00
* **Default font-size is 16px**
* **New `.field` element ; `.control` repurposed**
2017-03-13 16:52:01 +00:00
* **New `.pagination` sizes**
2017-03-14 21:00:58 +00:00
* **New `$fullhd` breakpoint (1344px)**
2017-03-06 21:30:32 +00:00
* Remove monospace named fonts
2017-03-12 16:25:41 +00:00
* Remove icon spacing logic
* Split icon container dimensions and icon size
* Fix delete button by using pixels instead of (r)em
2017-03-12 16:38:27 +00:00
* Fix level on mobile
2017-10-02 18:24:29 +00:00
* Add new `.is-spaced` modifier for titles and subtitles
2017-03-06 21:30:32 +00:00
2017-03-15 22:08:52 +00:00
* Fix #487
* Fix #489
* Fix #502
* Fix #514
* Fix #524
* Fix #536
2017-02-26 09:02:25 +00:00
## 0.3.2
* Fix #478
## 0.3.1
* Fix #441
* Fix #443
2016-10-30 10:41:53 +00:00
## 0.3.0
2016-10-30 20:02:48 +00:00
* Use `rem` and `em` (!)
* Fix Font Awesome icons in buttons (!)
* Fix message colors (!)
* Use `{% capture %}` to ensure same display as code snippet (!)
2016-10-30 14:59:46 +00:00
* Move variables to their own file
* Remove small tag
* Add `:focus` state
* Fix table
* Remove table `.is-icon` and `.is-link`
* Add `.content` table
* Fix inputs with icons
2016-10-30 16:11:04 +00:00
* Input icons require the `.icon` container
2016-10-30 17:35:39 +00:00
* Deprecate `.media-number`
* Fix `.level-item` height
2016-10-30 19:20:51 +00:00
* Fix `.menu` spacing
* Deprecate `.menu-nav`
2016-10-30 20:24:23 +00:00
* Add invert outlined buttons
* Fix `.nav`
2016-10-30 22:52:04 +00:00
* Fix `.pagination`
* Fix `.tabs`
2016-10-30 23:35:30 +00:00
* Fix `.panel`
2017-01-04 17:37:52 +00:00
* Fix `.delete`
* Add mixins documentation
* Add functions documentation
2016-10-30 10:41:53 +00:00
2016-10-16 18:15:56 +00:00
## 0.2.2
* Fix: remove multiple imports
2016-09-24 17:56:26 +00:00
## 0.2.1
* Fix: container flex
* Fix: nav-item flex
* Fix: media-number flex
2016-09-25 16:44:01 +00:00
* Fix: new brand colors
2016-09-24 17:56:26 +00:00
2016-09-24 15:04:53 +00:00
## 0.2.0
* Added: new branding
* Added: modularity
* Added: grid folder
* Added: .github folder
2016-07-31 10:45:56 +00:00
## 0.1.1
* Remove `flex: 1` shorthand
2016-06-29 23:14:23 +00:00
## 0.1.0
* Fix #227
* Fix #232
* Fix #242
* Fix #243
* Fix #228
* Fix #245
* Fix #246
2016-05-30 18:21:10 +00:00
## 0.0.28
* BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
* Fix #220
2016-05-30 18:41:54 +00:00
* Fix #214
2016-05-30 18:36:17 +00:00
* Fix #210
2016-05-30 18:21:10 +00:00
* Fix #206
2016-05-30 18:36:17 +00:00
* Fix #122
2016-05-30 18:21:10 +00:00
2016-05-29 12:14:54 +00:00
## 0.0.27
* Fix: #217
* Fix: #213
* Fix: #209
2016-05-29 12:16:09 +00:00
* Fix: #205
2016-05-29 12:17:16 +00:00
* Fix: #204
2016-05-29 12:24:00 +00:00
* Fix: #81
2016-05-29 12:14:54 +00:00
2016-05-07 14:08:27 +00:00
## 0.0.26
* Added: `.modal-card`
* Added: display responsive utilites
2016-05-08 00:35:43 +00:00
* Added: `.nav-center`
* Added: `.tabs ul` left center right
* Changed: `.navbar` renamed to `.level`
* Changed: `.header` renamed to `.nav`
2016-05-08 10:01:55 +00:00
* Deprecated: `.header`
* Deprecated: `.navbar`
2016-05-08 00:35:43 +00:00
* Fixed: `.hero` layout
2016-05-07 14:08:27 +00:00
2016-05-05 21:23:08 +00:00
## 0.0.25
* Added: `utilities/controls.sass` and `elements/form.sass`
2016-05-05 23:23:00 +00:00
* Added: new responsive classes
* Added: white/black and light/dark colors
2016-05-05 21:23:08 +00:00
* Changed: `.tabs` need `.icon` now
* Changed: cdnjs link doesn't include version
2016-04-22 19:54:13 +00:00
## 0.0.24
2016-04-25 21:00:21 +00:00
### Added
* `is-mobile` for the navbar
### Removed
* removed border between sections. Use `<hr class="is-marginless">` now
2016-04-22 19:54:13 +00:00
### Updated
2016-04-25 21:00:21 +00:00
* restructured files
2016-04-22 19:54:13 +00:00
* added back `inline-flex` for controls and tags
2016-04-25 21:00:21 +00:00
### Removed
* test tiles
2016-04-18 19:02:26 +00:00
## 0.0.23
### BREAKING
* `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
2016-04-18 20:50:59 +00:00
* `variables.sass` moved to `/utilities`
* almost everything is singular now
* **elements** only have one class
* **components** have at least one sub-class
* `.content` moved to elements
* `.table` moved to elements
* `.message` moved to components
* `.table-icon` , `.table-link` , `.table-narrow` are now called `.is-icon` , `.is-link` , `.is-narrow`
### Added
* all variables are now `!default` so you can set your custom variables before importing Bulma
2016-04-18 19:02:26 +00:00
2016-04-16 15:29:36 +00:00
## 0.0.22
### Fixed
* links in hero subtitle
2016-04-16 12:39:40 +00:00
## 0.0.21
### Added
* `.column.is-narrow` to make a column `flex: none`
2016-04-13 23:07:02 +00:00
## 0.0.20
### Added
* `.has-icon` support for different `.input` sizes
2016-04-11 21:51:11 +00:00
## 0.0.19
2016-04-11 22:21:26 +00:00
### NEW!!!
* `.tile`
2016-04-11 21:51:11 +00:00
### BREAKING
* `.is-third` renamed to `.is-one-third`
* `.is-quarter` renamed to `.is-one-quarter`
### Added
* `.is-two-thirds`
* `.is-three-quarters`
### Changed
* `.delete` in `.tag` has no red
2016-04-10 15:00:32 +00:00
## 0.0.18
### BREAKING
* `.is-text-*` renamed to `.has-text-*`
2016-04-10 15:27:27 +00:00
* removed `.is-fullwidth` helper
2016-04-10 15:00:32 +00:00
### Added
* **small tag**: `.tag.is-small`
2016-04-10 16:09:34 +00:00
* 12th column classes
* `*-full` column classes
* `$family-code`
2016-04-10 15:00:32 +00:00
### Fixed
* disabled input with element
2016-04-10 16:09:34 +00:00
* `.table` last row with `th`
* `.card` color in `.hero`
* `.columns.is-gapless`
2016-04-10 15:00:32 +00:00
### Removed
* removed `box-shadow` from `.tag`
* custom checkboxes and radio buttons
### Updated
* `.tag` uses `display: inline-flex` now
2016-03-25 13:38:40 +00:00
## 0.0.17
2016-03-26 12:32:09 +00:00
### Added
2016-03-26 16:46:15 +00:00
* **pagination**: `.pagination`
* **horizontal forms**: `.control.is-horizontal`
* **help** text for form controls: `.help`
* **progress bars**: `.progress`
2016-03-26 12:32:09 +00:00
### Updated
2016-03-26 17:12:13 +00:00
* `.button` uses `display: inline-flex` now
2016-03-26 15:38:33 +00:00
* `.button` needs an `.icon` now
2016-03-26 12:32:09 +00:00
* `.control.is-grouped` renamed to `.control.has-addons`
2016-03-26 15:38:33 +00:00
* `.control.is-inline` renamed to `.control.is-grouped`
2016-03-26 17:12:13 +00:00
### Removed
* **helpers** `.is-inline` and `.is-block`
