bulma
bulma copied to clipboard
CSS logical properties for better RTL support
This is a new feature with improvements and bug fixes.
Support for CSS logical properties to provide better support for RTL websites.
This PR also fixes the following issues
- #2347 Better nomenclature for css modifiers with
is-end
instead ofis-right
- #3437 Fix Border radius on RTL
- #3426 Fix loading spinner on
input
andselect
- #3419 Fix RTL
is-right
by providingis-end
- #3409 Fix RTL
is-right
by providingis-end
Proposed solution
Use of CSS logical properties such as inset-inline-start
instead of left
read more here. This solves a lot of the issues with the RTL support and simplifies the development of The Bulma CSS framework.
Tradeoffs
- A Learning curve for logical properties and the bundle size increased by
10 KB
-
Can I Use CSS Logical Properties shows
84.64%
full support and13.1%
with partial support.
Testing Done
Yes, testing was done by testing the documentation after generating a new bundle for it that uses this version.
Changelog updated?
Yes