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 officialy 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 direciton suffix. For example:
- for a
margin-top
, usemt-*
- for a
padding-bottom
, usepb-*
- for both
margin-left
andmargin-right
, usemx-*
Each of these property-direction
combinations needs to be appended with one of 6 value suffixes
This release also includes the following helpers:
- light and dark color helpers
- light and dark background color helpers
Improvements
- #2925 Center table cell content vertically with
is-vcentered
Bug fixes
- #2955 Fix issue when there's only one
is-toggle
tag