v1.2.0

Add ring-* utilities

• ring-{width}
• ring-{color}
• ring-{offset-width}
• ring-offset-{color}
• ring-inset

These utilities let you apply custom 'ring borders' around any element. This is is good for focus styles on form inputs and the like. This idea is taken from Tailwind and makes use of custom properties and some trickery with variables to make it work. You can see here how the wizard team behind Tailwind made it.

v1.1.0

Added

• Expand $spacing scale
• Expand $inset & $translate scales with $spacing & percentage units
• Expand $rotate & $skew scale
• Expand $width & $min-width scales with min-content & max-content

Changed

• Change xl breakpoint from '1200' to '1280'
• Remove half from $max-height scale
• Remove 0 from $max-height scale

v1.0.1

• Fix cursor-default from not generating
• Fix caret-* utilities to allow variation configuration

v1.0.0

v1.0.0 have been released!

v0.7.1

Base reset styles refactored.

v0.7.0

I decided to tag this first release as v0.7.0 after publishing my personal project on Github. I worked on this project in a local repository for a year or so. It started as an experiment to play with functional css and it has become something more. This project is inspired in Tailwindcss but build in SCSS.