v1.12.0

New

Adding <form> styling.

Responsiveness for grid.

Adding flex-direction option.

.flex__column
.flex__row

Adding more font-size options.

.font--2xl
.font--3xl
.font--4xl

Adding more layout alignment for .grid.

.-1fr-1fr
.-1fr-auto-1fr
.-1fr-1fr-1fr
.-1fr-1fr-1fr-1fr

Adding more layout alignment for .flex and .grid.

.-centered
.-justify-content-{ evenly | around | between | stretch | center | start | end | flex-start | flex-end | left | right }
.-align-content-{ evenly | around | between | stretch | center | start | end | flex-start | flex-end | baseline | initial }
.-align-items-{ stretch | center | start | end | flex-start | flex-end | normal | baseline | initial }

Adding img new classes for object-fit.

.-contain
.-cover
.-fill
.-none
.-scale-down

Adding some filter effect for img.

.-blur-{ 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 }
.-brightness-{ 0 | 25 | 50 | 75 | 100 }
.-contrast-{ 0 | 25 | 50 | 75 | 100 }
.-grayscale-{ 0 | 25 | 50 | 75 | 100 }
.-hue-rotate-{ 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315 | 360 }
.-invert-{ 0 | 25 | 50 | 75 | 100 }
.-opacity-{ 0 | 25 | 50 | 75 | 100 }
.-saturate-{ 0 | 25 | 50 | 75 | 100 }
.-sepia-{ 0 | 25 | 50 | 75 | 100 }
.-initial
.-inherit

Updates

• .highlight improvement with adding support for <mark> tag use.
• Font size improvement using clamp() for .font--{xs | sm | md | lg | xl | 2xl | 3xl | 4xl} classes.