v2.0.0-beta.0

v2.0.0-beta.0

Core changes

• Removed node-sass package in favor of dart-sass.
• Added support for CSS variables. Customization of your theme can now be done without using SASS.
• Added createColor() function. It takes a color as a parameter and returns a formatted color based on the value of the $color-type variable. Supported values are 'hsl', 'rgba' and 'hex'. This ensures consistency throughout the framework.
• Added createHSLColor($color) function. This accepts any CSS color value and returns the HSL equivalent.
• Added createRGBAColor($color) function. This accepts any CSS color value and returns the RGBA equivalent.
• Added createHexColor($color) function. This accepts any CSS color value and returns the HEX equivalent.
• Removed a handful of functions from _function.scss. See the deprecations section for a full list.
• Added $color-type variable to _colors.scss. This variable controls the framework wide format for colors to be generated. Supported values are 'hsl', 'rgba' and 'hex'.
• Removed link and disabled from the $color-palette list. These colors still exist and can be referenced as per usual.
• CSS variables added for each color along with a lighter and darker version, a text color and an alert color.
• Replaced most variables in _general.scss with CSS variables.
• Added has-no-transition helper to the global helpers. It sets the transition property of an element to none.
• Add CSS variable support to typography module.
• Add CSS variable support to Container module.
• Add CSS variable support to Grid module.
• Replaced $hero-padding variable with CSS variable equivalent.
• Add CSS variable support to Section module.
• Add CSS variable support to Form module.
• Add CSS variable support to the Breadcrumb module.
• Add CSS variable support to the Menu module.
• Add CSS variable support to the Pagination module.
• Add CSS variable support to the Top module.
• Add CSS variable for all modules in the Elements section.