v0.2.13
Backgrounds
- Gradients.
bg-linear-*,bg-radial, andbg-conic(withfrom-*,via-*,to-*, stop positions, and theirrepeating-forms) paint a color per cell: each cell takes the gradient's color at its center, in the same geometry a browser uses for the box, so a diagonal is a real diagonal and a radial glow a real ellipse. Stops interpolate as CSS does, in oklab by default or in/srgb,/oklch,/hsl,/srgb-linear, with the/longer,/shorter,/increasing,/decreasinghue arcs; layers stack, and a translucent stop shows the plainbg-*color through it. Tailwind's ownoklch()palette is read directly. - Gradient text.
bg-clip-text text-transparentshows the gradient through the glyphs, on a heading, an ASCII-art drop cap, or a QR code.bg-clip-paddingandbg-clip-contentfill inside the border or the padding. - Cheap on the page. A row of gradient cells is one span whose background lists the cells' colors as hard stops, so a page full of gradients resizes as smoothly as one without.
Borders
- Weight.
border-widthis a weight the glyph set draws:border-2and up draw heavy lines━ ┃ ┏ ┓in one cell, dashed and dotted included, andrule-2draws a heavy gap rule the same way. A set without heavy glyphs registers what its hardware had instead:borders-ascii,borders-single,borders-rounded, andborders-blocksdraw two rings,borders-cp437draws double lines. Custom sets register their own weight bands, glyphs and thickness per width. - Collapsed tables at any thickness. A wider cell border wins a shared edge, as CSS collapses, and two-cell lines meet in properly joined junctions instead of repeated corner glyphs.
- Inset shadows.
shadow-innerandshadow-[inset_…]shade the inside of the padding box, fading inward through the same ramp as outer shadows.
Playground
- The sample opens with a gradient drop cap and a gradient QR code.
Full changelog: v0.2.12...v0.2.13