You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Clearly define hierarchy based on component function and dependencies (core functions are standalone, tools only use core, global only use tools and core and so on.)
Unified output where property values are returned by functions consistently, instead of combining functions and variables (e.g use radius(round) instead of $border-radius-rounded, or font(weight, bold) instead of $font-weight-bold / gutter() instead of $column-gutter or %gutter__all).
Removed BEM naming conventions from base components to avoid confusion (e.g instead of modifiers like %row--middle we now have %row-middle)
The only places where BEM structure is used are the more complex components like button-group or notifications, where we have to name specific elements like button-group__item or notification__action.
Remove single-property 'atom' placeholders and allow everyone to call CSS property with a settings value as a param instead (this avoids creating an unnecessary abstraction) E.g %border__bottom is now border-bottom: 1px solid color(border);.
None of the properties enforce a DOM structure, the placeholders are intended to be applied on any kind of format and markup
New flex grid (%row and %col).
Simplified buttons system that use only base, primary and secondary instead of success, warning, danger, info and inverted styles.
File structure
Moved stylesheets into CORE, TOOLS, GLOBAL and COMPONENTS based on dependency
Created a deprecated components graveyard, with code that is to be ported over to the apps
Removed global variables, making all settings component-specific