2016-03-26 16:46:15 +00:00
# Bulma Changelog
2021-06-02 20:57:32 +00:00
## 0.9.3
### New features
- New `is-underlined` class for underlined text and links
2020-10-07 20:06:43 +00:00
## 0.9.2
2020-12-20 12:10:04 +00:00
### 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:
2021-01-24 12:01:01 +00:00
- `%control`
- `%unselectable`
- `%arrow`
- `%block`
- `%delete`
- `%loader`
- `%overlay`
2020-12-20 12:10:04 +00:00
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.
2020-10-31 19:28:40 +00:00
### New features
2021-01-24 12:01:01 +00:00
- 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
2020-10-31 19:28:40 +00:00
2020-10-07 20:06:43 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #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
2020-10-07 20:06:43 +00:00
2020-10-31 18:53:20 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- Fix #3012 Add `$media-*` variables, set to `!default`
- Fix #2797 Import dependencies individually for each component
- Remove list style from pagination list
2020-10-31 18:53:20 +00:00
2020-09-27 09:35:07 +00:00
## 0.9.1
### New features
2021-01-24 12:01:01 +00:00
- #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`
2020-09-27 09:35:07 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #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`
2020-09-27 09:35:07 +00:00
2020-05-17 12:32:08 +00:00
## 0.9.0
2020-06-09 16:21:26 +00:00
### 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.
2021-03-05 19:59:26 +00:00
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.
2020-06-09 16:21:26 +00:00
2020-06-07 12:51:36 +00:00
### 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:
2021-01-24 12:01:01 +00:00
- `=ltr`
- `=rtl`
- `=ltr-property($property, $spacing, $right: true)`
- `=ltr-position($spacing, $right: true)`
2020-06-07 12:51:36 +00:00
The Bulma package now also comes with a `bulma-rtl.css` and `bulma-rtl.min.css` file to be used straight away.
### Spacing helpers
2020-05-17 13:29:38 +00:00
Bulma now has **spacing helpers** : https://bulma.io/documentation/helpers/spacing-helpers/
< p > Bulma provides < strong > margin< / strong > < code > m*< / code > and < strong > padding< / strong > < code > p*< / code > helpers in all < strong > directions< / strong > :< / p >
< ul >
< li >
< code > *t< / code > for < strong > top< / strong >
< / li >
< li >
< code > *r< / code > for < strong > right< / strong >
< / li >
< li >
< code > *b< / code > for < strong > bottom< / strong >
< / li >
< li >
< code > *l< / code > for < strong > left< / strong >
< / li >
< li >
< code > *x< / code > horizontally for both < strong > left< / strong > and < strong > right< / strong >
< / li >
< li >
< code > *y< / code > vertically for both < strong > top< / strong > and < strong > bottom< / strong >
< / li >
< / ul >
< p >
2021-03-05 19:59:26 +00:00
You need to < strong > combine< / strong > a margin/padding prefix with a direction suffix. For example:
2020-05-17 13:29:38 +00:00
< / p >
< 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 >
< p >
Each of these < code > property-direction< / code > < strong > combinations< / strong > needs to be appended with one of < strong > 6 value suffixes< / strong >
< / p >
This release also includes the following helpers:
2021-01-24 12:01:01 +00:00
- light and dark color helpers
- light and dark background color helpers
2020-05-17 13:29:38 +00:00
2020-05-17 12:32:08 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #2925 Center table cell content vertically with `is-vcentered`
2020-05-17 12:32:08 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #2955 Fix issue when there's only one `is-toggle` tag
2020-05-17 12:32:08 +00:00
2020-03-24 13:38:45 +00:00
## 0.8.2
### Bug fixes
2021-01-24 12:01:01 +00:00
- Fix #2885 -> Revert `$input-color: $text-strong`
2020-03-24 13:38:45 +00:00
## 0.8.1
2020-01-05 12:56:19 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #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
2019-10-21 19:21:25 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #2664 Fixes #2671 -> Add `$panel-colors` variable
2019-10-21 19:21:25 +00:00
2019-10-13 21:16:47 +00:00
## 0.8.0
### Big update
2019-10-14 01:00:52 +00:00
#### Larger form controls
2019-10-13 21:16:47 +00:00
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})
2021-01-24 12:01:01 +00:00
$button-padding-horizontal: 0.75em
2019-10-13 21:16:47 +00:00
```
#### 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:
2021-01-24 12:01:01 +00:00
- `findLightColor()` which finds the light version of a color
2021-03-05 19:59:26 +00:00
- `findDarkColor()` which finds the dark version of a color
2019-10-13 21:16:47 +00:00
The light colors are used by the `button` element, while the light and dark colors are used by the `message` component.
2019-10-14 00:42:05 +00:00
#### Panel colors
The `panel` component is now available in all the different colors.
2019-10-13 21:16:47 +00:00
#### 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: (
2021-01-24 12:01:01 +00:00
'lime': (
lime,
),
'tomato': (
tomato,
white,
),
'orange': (
$orange,
$orange-invert,
$orange-light,
),
'lavender': (
$lavender,
$lavender-invert,
$lavender-light,
$lavender-dark,
),
2019-10-13 21:16:47 +00:00
);
```
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`
2021-03-05 19:59:26 +00:00
They replace the `$white` and `$black` occurrences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values:
2019-10-13 21:16:47 +00:00
```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
2021-01-24 12:01:01 +00:00
- `$green: hsl(141, 53%, 53%)`
- `$cyan: hsl(204, 71%, 53%)`
- `$red: hsl(348, 86%, 61%)`
2019-10-13 21:16:47 +00:00
#### Derived variables
2021-01-24 12:01:01 +00:00
- `$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`
2019-10-13 21:16:47 +00:00
### Other variables
2021-01-24 12:01:01 +00:00
- `$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`
2019-05-20 20:38:04 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- 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
2019-05-20 20:38:04 +00:00
2019-07-25 10:04:03 +00:00
### New features
2021-01-24 12:01:01 +00:00
- #2563 `.image` has a new `.is-fullwidth` modifier
2019-07-25 10:04:03 +00:00
2019-05-19 12:14:10 +00:00
## 0.7.5
2019-05-17 10:10:20 +00:00
2019-05-18 20:03:52 +00:00
### 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.
2019-11-02 18:45:16 +00:00
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.
2019-05-18 20:03:52 +00:00
2019-05-17 10:10:20 +00:00
### New features
2019-05-17 13:10:54 +00:00
#### Support for overriding the `font-family`
2019-05-17 13:02:12 +00:00
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
2021-01-24 12:01:01 +00:00
$title-family: 'Georgia', serif;
2019-05-17 13:02:12 +00:00
```
2021-01-24 12:01:01 +00:00
- #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
2019-05-17 09:31:56 +00:00
2019-05-18 10:57:35 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #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
2019-05-18 10:57:35 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #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`
2021-03-05 19:59:26 +00:00
- #2476 Fix #2441 -> Correct active pagination link text color on hero
2019-05-18 10:57:35 +00:00
2019-05-18 21:06:52 +00:00
Fix #1979 -> Correct loading spinner color when a button is:
2021-01-24 12:01:01 +00:00
- outlined and hovered/focused
- outlined, inverted and hovered/focused
2019-05-18 21:06:52 +00:00
2019-05-17 12:50:39 +00:00
### New variables
#### Initial variables
2021-01-24 12:01:01 +00:00
- `$block-spacing`
2019-05-17 12:50:39 +00:00
#### Base
2021-01-24 12:01:01 +00:00
- `$body-font-size`
- `$small-font-size`
- `$pre-font-size`
- `$pre-padding`
- `$pre-code-font-size`
2019-05-17 12:50:39 +00:00
#### Components
2021-01-24 12:01:01 +00:00
- `$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`
2019-05-17 12:50:39 +00:00
#### Elements
2021-01-24 12:01:01 +00:00
- `$container-offset`
2019-05-17 12:50:39 +00:00
#### Grid
2021-01-24 12:01:01 +00:00
- `$tile-spacing`
2019-05-17 12:50:39 +00:00
2018-10-28 07:56:15 +00:00
## 0.7.3
2018-10-28 14:45:28 +00:00
### New features
2018-10-31 13:44:35 +00:00
2021-01-24 12:01:01 +00:00
- #2145 Fix #372 -> New indeterminate progress bars
- #2206 Fix #2046 -> New variables `$table-head-background-color` , `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
- #592 -> Give arbitrary elements access to the image/ratio classes
- #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
- #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium` , `.are-large` )
2018-10-28 14:45:28 +00:00
2018-10-28 07:56:15 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
- #2167 Fix #1878 -> New `$footer-padding` variable
- #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
2018-10-28 09:32:07 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
- #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
- #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
- Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
2018-10-28 07:56:15 +00:00
### Deprecation
2021-01-24 12:01:01 +00:00
- `.control.has-icon` deprecated in favor of `.control.has-icons`
2018-10-28 07:56:15 +00:00
2018-05-30 08:28:41 +00:00
## 0.7.2
### New features
2021-01-24 12:01:01 +00:00
- #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
2018-10-02 06:01:43 +00:00
2018-07-09 14:51:38 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #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`
2018-07-09 14:51:38 +00:00
2018-05-30 08:54:32 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #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)
2018-05-30 08:54:32 +00:00
2018-04-18 16:17:15 +00:00
## 0.7.1
### Improvements
2021-01-24 12:01:01 +00:00
- #1789 Add all shades to `has-background-*` helpers
2018-04-18 16:17:15 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #1796 #1806 Remove navbar `box-shadow` by default
2018-04-18 16:17:15 +00:00
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
2021-01-24 12:01:01 +00:00
- 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 Add some common photography aspect ratios and portrait ratios
- 🎉 #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
2021-01-24 12:01:01 +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
- #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
- #1628 Add `.has-background` helpers for block background colors, like `.has-text`
- #1767 Added minified bundle with cleancss
2018-04-08 11:03:03 +00:00
2018-01-16 10:36:17 +00:00
### Bug fixes
2021-01-24 12:01:01 +00:00
- #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
- #1571 Fix position of delete button on `.tag`
- #1549 Implementing a simple version of the native sass percentage function
- #1707 Disable table hover in `.content` by default
- #1428 Fix `media-content` overflow
2018-01-16 10:36:17 +00:00
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
2021-01-24 12:01:01 +00:00
- 🎉 Rounded buttons, inputs, pagination and toggle tabs
2017-12-04 19:43:19 +00:00
2017-11-30 10:56:28 +00:00
### Improvements
2021-01-24 12:01:01 +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
2021-01-24 12:01:01 +00:00
- #935 Bug dropdown in `hero` (primary) menu items not visible
- #1456 Fix customize documentation
- #1190 Add `$variable-columns` to disable `--columnGap`
- #1518 Fix spacing of the delete button in notification element
- #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
2021-01-24 12:01:01 +00:00
- 🎉 [List of buttons ](https://bulma.io/documentation/elements/button/#list-of-buttons )
- 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
- 🎉 #1287 New `.is-invisible` helper
- 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
- 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
- 🎉 #1383 New `.is-empty` modifier for `file`
- 🎉 #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
2021-01-24 12:01:01 +00:00
- #987 Improve `tag > icon` spacing
- 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
2021-01-24 12:01:01 +00:00
- #1358 Fix indentation bug for .is-one-fifth
- #1356 SASS 3.5+ variable parsing compatibility allows only #{}
- #1342 Remove black line from progress bar in IE
- #1334 Fix progress bar colors in IE
- #1313 Fix Table `is-selected` and `is-hoverable` styling issue
- #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
2021-01-24 12:01:01 +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
2021-01-24 12:01:01 +00:00
- #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
- #1254 `.dropdown` now supports `.is-up` modifier
2017-10-07 15:57:19 +00:00
2017-10-09 09:36:14 +00:00
### Improvements
2021-01-24 12:01:01 +00:00
- #1257 Include placeholder mixin in `=input`
2017-10-09 09:36:14 +00:00
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
2021-01-24 12:01:01 +00:00
- #708 Import variables in mixins
2017-10-09 09:36:14 +00:00
2017-09-18 21:36:53 +00:00
## 0.5.3
2017-09-18 22:33:19 +00:00
### New features
2021-01-24 12:01:01 +00:00
- #1101 `.card-header-title` can be centered with `.is-centered`
- #1189 `.input` readonly and `.is-static`
- #1189 `.textarea` readonly
2017-09-18 22:33:19 +00:00
2017-09-18 21:36:53 +00:00
### Issues closed
2021-01-24 12:01:01 +00:00
- #1177 Fix `.message .tag` combination
- #1167 Fix `pre code`
- #1207 Fix `.breadcrumb` alignment
2017-09-18 21:36:53 +00:00
2017-08-14 10:26:48 +00:00
## 0.5.2
2017-08-30 16:29:01 +00:00
### New features
2021-01-24 12:01:01 +00:00
- #842 `navbar` color modifiers
- #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
2017-08-30 16:29:01 +00:00
2017-08-14 10:26:48 +00:00
### Issues closed
2021-01-24 12:01:01 +00:00
- #1168 Undefined variable: `$navbar-item`
- #930 Remove `vertical-align: top` for icons
- #735 Font awesome custom `font-size`
- #395 Font awesome stacked icons
- #1152 Level-items not centered horizontally on mobile
- #1147 Add `text-size-adjust: 100%` to `html`
- #1106 `pagination` docs
- #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
2021-01-24 12:01:01 +00:00
- 🎉 #280 [File upload element ](https://bulma.io/documentation/form/file/ )
- `$container-offset` variable to determine the `.container` breakpoints
- #1001 Text case helpers
2017-07-29 23:32:29 +00:00
2017-07-30 18:25:24 +00:00
### Issues closed
2021-01-24 12:01:01 +00:00
- #1030 Add `!important` to non responsive display helpers
- #1020 Customizing `.navbar-item img` max height
- #998 `.navbar-dropdown` with **right** alignment
- #877 `.pagination` isn't using `$pagination-background`
- #989 `navbar-brand` overflowing on mobile
- #975 Variable `$table-head-color` isn't used
- #964 Tabs sass file throwing error with `!important`
- #949 `.is-size-7` helper is missing
2017-07-30 18:25:24 +00:00
2017-07-29 17:30:36 +00:00
## 0.5.0
2017-07-29 17:40:51 +00:00
### New features
2021-01-24 12:01:01 +00:00
- 🎉 [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 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
2021-01-24 12:01:01 +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/ )
- **Meta** information for all elements and components
- **Variables** information for most elements and components
2017-07-29 17:40:51 +00:00
2017-07-29 17:30:36 +00:00
### Issues closed
2021-01-24 12:01:01 +00:00
- #909 `.dropdown` wrapping
- #938 `.is-fullwidth` removed from docs
- #900 Variable `.navbar-item` for hover+active background/color
- #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
2021-01-24 12:01:01 +00:00
- 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`
2017-07-21 09:22:08 +00:00
2017-07-05 20:27:23 +00:00
### Issues closed
2021-01-24 12:01:01 +00:00
- Fix #26 `.textarea` element will honors `[rows]` attribute
- Fix #887 `body` scrollbar
2021-03-05 19:59:26 +00:00
- Fix #715 `.help` class behavior in horizontal form `is-grouped` field
2021-01-24 12:01:01 +00:00
- Fix #842 Adding modifiers in `navbar`
- Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
- Fix #861 Box in hero as text and background white
- Fix #852 charset and version number
- Fix #856 JavaScript `.nav-burger` example
- Fix #821 Notification strong color
2017-07-05 20:27:23 +00:00
2017-06-27 21:18:07 +00:00
## 0.4.3
### New features
2021-01-24 12:01:01 +00:00
- New navbar with dropdown support
- 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
2017-06-27 21:18:07 +00:00
### Issues closed
2021-01-24 12:01:01 +00:00
- Fix #827 Breadcrumb and Navbar in docs
- Fix #824 Code examples broken because of `text-align: center`
- Fix #820 Loading spinner resizes with controls
- 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-06-27 21:18:07 +00:00
2017-05-05 10:08:53 +00:00
## 0.4.2
2021-01-24 12:01:01 +00:00
- Fix #728 selected row on striped table
- Fix #747 remove flex-shrink for is-expanded
- Fix #702 add icons support for select dropdown
- Fix #712 delete button as flexbox item
- Fix #759 static button
2017-05-05 10:08:53 +00:00
2017-03-26 16:27:15 +00:00
## 0.4.1
2021-01-24 12:01:01 +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
- Fix #565 `dl` styles
- Fix #389 `pre` `margin-bottom`
- Fix #484 icon alignment
- Fix #506 bold nav menu
- Fix #581 nav container
- Fix #512 nav grouped buttons
- Fix #605 container example
- Fix #458 select expanded
- Fix #403 separate animations
- Fix #637 customize Bulma
- Fix #584 loading select
- Fix #571 control height
- Fix #634 is-grouped control
- Fix #676 checkbox/radio wrapping
- Feature #479 has-icons placement
- Fix #442 selected table row
- Fix #187 add customize page
- Fix #449 columns negative horizontal margin
- Fix #399 pagination wrapping
- 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
2021-01-24 12:01:01 +00:00
- **Default font-size is 16px**
- **New `.field` element ; `.control` repurposed**
- **New `.pagination` sizes**
- **New `$fullhd` breakpoint (1344px)**
- Remove monospace named fonts
- Remove icon spacing logic
- Split icon container dimensions and icon size
- Fix delete button by using pixels instead of (r)em
- Fix level on mobile
- Add new `.is-spaced` modifier for titles and subtitles
- Fix #487
- Fix #489
- Fix #502
- Fix #514
- Fix #524
- Fix #536
2017-03-15 22:08:52 +00:00
2017-02-26 09:02:25 +00:00
## 0.3.2
2021-01-24 12:01:01 +00:00
- Fix #478
2017-02-26 09:02:25 +00:00
## 0.3.1
2021-01-24 12:01:01 +00:00
- Fix #441
- Fix #443
2017-02-26 09:02:25 +00:00
2016-10-30 10:41:53 +00:00
## 0.3.0
2021-01-24 12:01:01 +00:00
- Use `rem` and `em` (!)
- Fix Font Awesome icons in buttons (!)
- Fix message colors (!)
- Use `{% capture %}` to ensure same display as code snippet (!)
- 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
- Input icons require the `.icon` container
- Deprecate `.media-number`
- Fix `.level-item` height
- Fix `.menu` spacing
- Deprecate `.menu-nav`
- Add invert outlined buttons
- Fix `.nav`
- Fix `.pagination`
- Fix `.tabs`
- Fix `.panel`
- 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
2021-01-24 12:01:01 +00:00
- Fix: remove multiple imports
2016-10-16 18:15:56 +00:00
2016-09-24 17:56:26 +00:00
## 0.2.1
2021-01-24 12:01:01 +00:00
- Fix: container flex
- Fix: nav-item flex
- Fix: media-number flex
- Fix: new brand colors
2016-09-24 17:56:26 +00:00
2016-09-24 15:04:53 +00:00
## 0.2.0
2021-01-24 12:01:01 +00:00
- Added: new branding
- Added: modularity
- Added: grid folder
- Added: .github folder
2016-09-24 15:04:53 +00:00
2016-07-31 10:45:56 +00:00
## 0.1.1
2021-01-24 12:01:01 +00:00
- Remove `flex: 1` shorthand
2016-07-31 10:45:56 +00:00
2016-06-29 23:14:23 +00:00
## 0.1.0
2021-01-24 12:01:01 +00:00
- Fix #227
- Fix #232
- Fix #242
- Fix #243
- Fix #228
- Fix #245
- Fix #246
2016-06-29 23:14:23 +00:00
2016-05-30 18:21:10 +00:00
## 0.0.28
2021-01-24 12:01:01 +00:00
- BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
- Fix #220
- Fix #214
- Fix #210
- Fix #206
- Fix #122
2016-05-30 18:21:10 +00:00
2016-05-29 12:14:54 +00:00
## 0.0.27
2021-01-24 12:01:01 +00:00
- Fix: #217
- Fix: #213
- Fix: #209
- Fix: #205
- Fix: #204
- Fix: #81
2016-05-29 12:14:54 +00:00
2016-05-07 14:08:27 +00:00
## 0.0.26
2021-01-24 12:01:01 +00:00
- Added: `.modal-card`
- Added: display responsive utilities
- Added: `.nav-center`
- Added: `.tabs ul` left center right
- Changed: `.navbar` renamed to `.level`
- Changed: `.header` renamed to `.nav`
- Deprecated: `.header`
- Deprecated: `.navbar`
- Fixed: `.hero` layout
2016-05-07 14:08:27 +00:00
2016-05-05 21:23:08 +00:00
## 0.0.25
2021-01-24 12:01:01 +00:00
- Added: `utilities/controls.sass` and `elements/form.sass`
- Added: new responsive classes
- Added: white/black and light/dark colors
- Changed: `.tabs` need `.icon` now
- Changed: cdnjs link doesn't include version
2016-05-05 21:23:08 +00:00
2016-04-22 19:54:13 +00:00
## 0.0.24
2016-04-25 21:00:21 +00:00
### Added
2021-01-24 12:01:01 +00:00
- `is-mobile` for the navbar
2016-04-25 21:00:21 +00:00
### Removed
2021-01-24 12:01:01 +00:00
- removed border between sections. Use `<hr class="is-marginless">` now
2016-04-25 21:00:21 +00:00
2016-04-22 19:54:13 +00:00
### Updated
2021-01-24 12:01:01 +00:00
- restructured files
- added back `inline-flex` for controls and tags
2016-04-22 19:54:13 +00:00
2016-04-25 21:00:21 +00:00
### Removed
2021-01-24 12:01:01 +00:00
- test tiles
2016-04-25 21:00:21 +00:00
2016-04-18 19:02:26 +00:00
## 0.0.23
### BREAKING
2021-01-24 12:01:01 +00:00
- `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
- `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`
2016-04-18 20:50:59 +00:00
### Added
2021-01-24 12:01:01 +00:00
- 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
2021-01-24 12:01:01 +00:00
- links in hero subtitle
2016-04-16 15:29:36 +00:00
2016-04-16 12:39:40 +00:00
## 0.0.21
### Added
2021-01-24 12:01:01 +00:00
- `.column.is-narrow` to make a column `flex: none`
2016-04-16 12:39:40 +00:00
2016-04-13 23:07:02 +00:00
## 0.0.20
### Added
2021-01-24 12:01:01 +00:00
- `.has-icon` support for different `.input` sizes
2016-04-13 23:07:02 +00:00
2016-04-11 21:51:11 +00:00
## 0.0.19
2016-04-11 22:21:26 +00:00
### NEW!!!
2021-01-24 12:01:01 +00:00
- `.tile`
2016-04-11 22:21:26 +00:00
2016-04-11 21:51:11 +00:00
### BREAKING
2021-01-24 12:01:01 +00:00
- `.is-third` renamed to `.is-one-third`
- `.is-quarter` renamed to `.is-one-quarter`
2016-04-11 21:51:11 +00:00
### Added
2021-01-24 12:01:01 +00:00
- `.is-two-thirds`
- `.is-three-quarters`
2016-04-11 21:51:11 +00:00
### Changed
2021-01-24 12:01:01 +00:00
- `.delete` in `.tag` has no red
2016-04-11 21:51:11 +00:00
2016-04-10 15:00:32 +00:00
## 0.0.18
### BREAKING
2021-01-24 12:01:01 +00:00
- `.is-text-*` renamed to `.has-text-*`
- removed `.is-fullwidth` helper
2016-04-10 15:00:32 +00:00
### Added
2021-01-24 12:01:01 +00:00
- **small tag**: `.tag.is-small`
- 12th column classes
- `*-full` column classes
- `$family-code`
2016-04-10 15:00:32 +00:00
### Fixed
2021-01-24 12:01:01 +00:00
- disabled input with element
- `.table` last row with `th`
- `.card` color in `.hero`
- `.columns.is-gapless`
2016-04-10 15:00:32 +00:00
### Removed
2021-01-24 12:01:01 +00:00
- removed `box-shadow` from `.tag`
- custom checkboxes and radio buttons
2016-04-10 15:00:32 +00:00
### Updated
2021-01-24 12:01:01 +00:00
- `.tag` uses `display: inline-flex` now
2016-04-10 15:00:32 +00:00
2016-03-25 13:38:40 +00:00
## 0.0.17
2016-03-26 12:32:09 +00:00
### Added
2021-01-24 12:01:01 +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
2021-01-24 12:01:01 +00:00
- `.button` uses `display: inline-flex` now
- `.button` needs an `.icon` now
- `.control.is-grouped` renamed to `.control.has-addons`
- `.control.is-inline` renamed to `.control.is-grouped`
2016-03-26 17:12:13 +00:00
### Removed
2021-01-24 12:01:01 +00:00
- **helpers** `.is-inline` and `.is-block`