- Replace disabled attr on pagination anchor elements with is-disabled
- #3500 Fix hidden disabled buttons on iOS 15.4 (#3521)
- #3076 Fix Table headers centered aligned in Safari
## 0.9.3
### New features
- New `is-underlined` class for underlined text and links
- New `auto` value for margin and padding helper classes
### Improvements
- New `$section-padding-desktop` Sass variable
- New `$hero-body-padding-tablet` Sass variable
- New `$shadow` Sass variable (used for `.box`, `.card`, `.dropdown` and `.panel`)
- Add `is-normal` size modifiers to `.file` and `.content`
- New `%reset` placeholder
### Bugfix
- #3362 Fix slash divide
## 0.9.2
### Breaking change
To fix duplicate imports, all Sass placeholders have moved from the `utilities/mixins` file to its own `utilities/extends` file.
The Sass placeholders are:
-`%control`
-`%unselectable`
-`%arrow`
-`%block`
-`%delete`
-`%loader`
-`%overlay`
If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.
If you were importing `utilities/_all` or even `bulma.sass` directly, no change is required.
### New features
- Fix #1583 New `is-ghost` button that behaves / looks like a regular link
- New `icon-text` component, to combine an icon with text on its side
### Bug fixes
- #3005 Fix `column` offsets in RTL
- Fix #3145 Dropdown content is bounded by a parent card
- Fix #3089 Sub columns of a variable columns have weird gap
- Fix #2937 Add `width: unset` for narrow columns
- #3208 Fix #3163 Do not override is-rounded with button-small
- #3216 Removed duplicate `mixins` imports, created a single `extends` file
- #3216 Removed all references to the `.sass` file extension have been removed, since they're unnecessary when there's no ambiguity between a `.sass` file or a `.scss` file
### Improvements
- Fix #3012 Add `$media-*` variables, set to `!default`
- Fix #2797 Import dependencies individually for each component
- Remove list style from pagination list
## 0.9.1
### New features
- #3047 Flexbox helpers
- #3085 Add `is-clickable` helper
- #3086 Allow each component to have its own colors and default to global ones
- New variables `$navbar-colors`, `$button-colors`, `$notification-colors`, `$progress-colors`, `$table-colors`, `$tag-colors`, `$file-colors`, `$textarea-colors`, `$select-colors`, `$form-colors`, `$label-colors` and `$hero-colors`
- #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`
## 0.9.0
### Deprecation warning
The `base/helpers.sass` file is **deprecated**. It has moved into its own `/helpers` folder. If you were importing `base/helpers.sass` or `base/_all.sass`, please import `sass/helpers/_all.sass` now.
If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before.
The `list` component is also **deprecated**: the `components/list.sass` file has been deleted. It was never officially supported as it was too similar to `panel` component. Use that one instead.
### RTL support
Bulma now has **RTL support**.
By setting the Sass flag `$rtl` to `true`, you can create an RTL version of Bulma, thanks to 4 new Sass mixins:
Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now has a `*-light` and `*-dark` version. They are calculated using 2 new color functions:
-`findLightColor()` which finds the light version of a color
-`findDarkColor()` which finds the dark version of a color
The light colors are used by the `button` element, while the light and dark colors are used by the `message` component.
#### Panel colors
The `panel` component is now available in all the different colors.
#### 4-value color map
The `$colors` Sass map now accepts, for each of its values, a map of up to **4** values. For example: the key `"info"` now has the `($info, $info-invert, $info-light, $info-dark)` map.
If you provide a `$custom-colors` map, you can decide to provide a map of 1, 2, 3 or 4 values for each value. If fewer than 4 are provided, Bulma will calculate the remaining ones:
```scss
$custom-colors:(
'lime':(
lime,
),
'tomato':(
tomato,
white,
),
'orange':(
$orange,
$orange-invert,
$orange-light,
),
'lavender':(
$lavender,
$lavender-invert,
$lavender-light,
$lavender-dark,
),
);
```
This is processed by the updated `mergeColorMaps()` Sass function.
#### Scheme variables
There are 6 new `$scheme` derived variables: `$scheme-main``$scheme-main-bis``$scheme-main-ter``$scheme-invert``$scheme-invert-bis``$scheme-invert-ter`
They replace the `$white` and `$black` occurrences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values:
```sass
$scheme-main:$black
$scheme-invert:$white
// etc.
```
That is also why most of the codebase now references **derived** variables (`$text`, `$background`, `$border` etc.) instead of **initial** ones (`$grey`, `$grey-lighter`, `$grey-darker` etc.): updating the derived variables will affect all elements and components directly.
- #2563 `.image` has a new `.is-fullwidth` modifier
## 0.7.5
### Deprecation warning
The `form.sass` file is **deprecated**. It has moved into its own `/form` folder. If you were importing `form.sass`, please import `sass/form/_all.sass` now.
If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before.
### New features
#### Support for overriding the `font-family`
You can now specify a different `font-family` for the `.title`, `.subtitle` and `.button` by using the variables `$title-family`, `$subtitle-family` and `$button-family` respectively.
Simply set a value when importing Bulma:
```scss
$title-family:'Georgia',serif;
```
- #2375 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
