New, actual #Bulma #Stylus Plus 0.9.1-beta #release is here!
⚡ Right-to-Left support
⚡ Flexbox & Spacing helpers
🍰 Device orientation support with mediaQuery
mixin.
🍰 Redefined default web-colors names (Only with Stylus)
… and more fixes and optimization!
RTL support
Bulma Stylus Plus now has RTL support.
By setting the Stylus variable $rtl
to true
, you can create an RTL version of Bulma, thanks to 4 new Stylus mixins:
ltr
rtl
ltrProp($spacing, $property, $right: true)
ltr-property($property, $spacing, $right: true)
ltr-position($spacing, $right: true)
The Bulma Stylus Plus package now also comes with a bulma-rtl.css
and bulma-rtl.min.css
file to be used straight away.
Spacing helpers
Bulma Stylus Plus now has spacing helpers.
Bulma Stylus Plus 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
Added
bulmaLighten
color mixin.mediaQuery()
mixin with options$deviceName
and$orientation
..is-square
modifier class for buttons.- #3047 Flexbox helpers
- #3085 Add
is-clickable
helper - New variables
$form-colors
,$label-colors
,$notification-colors
,$tag-colors
,$button-colors
,$textarea-colors
,$util-clickable-selector
,$util-flex
,$util-flex-direction
,$util-flex-wrap
,$util-justify-content
,$util-align
,$util-align-content
,$util-align-items
,$util-align-self
,$max-desktop-modifier
,$max-widescreen-modifier
,$ghost-modifier
,$square-modifier
,$selection
,$redefined-default-colors
- #3088 Adds not allowed cursor to missing inputs
- #3101 Add
$modal-breakpoint
variable for modal breakpoint - #3107 Add
optgroup
togeneric.styl
- #2630 Fixes #2598 -> Add
$card-radius
variable - #2925 Center table cell content vertically with
is-vcentered
- #2540 Fixes #2539 -> Fix indeterminate progress styling in IE11.
Changed
from
anduntil
block mixins now accept$orientation
and$par
variables. For orientation of the device, and pixel ratios accordingly.- #2955 Fix issue when there's only one
is-toggle
tag. - #3057 Make the default text color of
$code
listings more accessible. (The result is not equivalent to Bluma.io with Stylus!)
Deprecated
- Variables:
$input-textarea-colors
,$buttons-colors
,$tags-colors
,$list-selector
. - The
base/helpers.sass
file. It has moved into its own/helpers
folder. If you were importingbase/helpers.sass
orbase/_all.sass
, please importsass/helpers/_all.sass
now.
If you were simply importing the whole of Bulma Stylus Plus with@import "~/bulma/bulma.sass"
or similar, you won't have to change anything, and everything will work as before. Allsilent
options forhelpers
are in separate group for now. If you're using some customized "silent" rendering, please, check it. - The
list
component is also deprecated: thecomponents/list.sass
file has been deleted. It was never officialy supported as it was too similar topanel
component. Use that one instead.
Fixes
- Typos in
.vbutton.is-text
for--active-color