# Bulma Changelog ## 0.9.3 ### New features - New `is-underlined` class for underlined text and links ## 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` ### Improvements - #2630 Fixes #2598 -> Add `$card-radius` variable - Add `$card-overflow` variable - #2540 Fixes #2539 -> Fix indeterminate progress styling in IE11 - #3057 Make the default text color of `$code` listings more accessible - #3088 Adds not allowed cursor to missing inputs - #3101 Add `$modal-breakpoint` variable for modal breakpoint - #3107 Add `optgroup` to `generic.sass` ## 0.9.0 ### Deprecation warning The `base/helpers.sass` file is **deprecated**. It has moved into its own `/helpers` folder. If you were importing `base/helpers.sass` or `base/_all.sass`, please import `sass/helpers/_all.sass` now. If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before. The `list` component is also **deprecated**: the `components/list.sass` file has been deleted. It was never officially supported as it was too similar to `panel` component. Use that one instead. ### RTL support Bulma now has **RTL support**. By setting the Sass flag `$rtl` to `true`, you can create an RTL version of Bulma, thanks to 4 new Sass mixins: - `=ltr` - `=rtl` - `=ltr-property($property, $spacing, $right: true)` - `=ltr-position($spacing, $right: true)` The Bulma package now also comes with a `bulma-rtl.css` and `bulma-rtl.min.css` file to be used straight away. ### Spacing helpers Bulma now has **spacing helpers**: https://bulma.io/documentation/helpers/spacing-helpers/
Bulma provides margin m*
and padding p*
helpers in all directions:
*t
for top
*r
for right
*b
for bottom
*l
for left
*x
horizontally for both left and right
*y
vertically for both top and bottom
You need to combine a margin/padding prefix with a direction suffix. For example:
margin-top
, use mt-*
padding-bottom
, use pb-*
margin-left
and margin-right
, use mx-*
Each of these property-direction
combinations needs to be appended with one of 6 value suffixes