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
Changed class names policy and default separators for utility keys, pseudo selectors, and breakpoints.
Default utility selectors: now we are using a : between the utility alias and the key. For example: text:blue-500.
Pseudo selectors: has been moved to the end of the selector. For example: bg:transparent:hover.
Breakpoints: has been moved to the end of the selector, and now a @ is used between the utility selector and the breakpoint name. For example: w:12@sm.
$screens variable has been renamed as $breakpoints.
Changed folder structure for SCSS files.
🚀 New features
Added new utility values for fonts (font sizes and font families), sizes (width and height), and spaces (margin and padding).
Added active variant for colors utilities.
Improved configuration and utility API.
🐛 Bug fixes
Fixed a terrible bug in the generated CSS that caused the duplication of utilities when generating responsive variants.
🗑️ Deprecation
Deprecated the container component, as we can now use the new values of the max-width utility for generating responsive containers.