css-doodle Files

✨ Closing the year with this release — may 2026 remain curious, and feel a bit more calm.

Features

• Improved the pattern function, added variable support and GLSL expression transformer without types. css @pattern( grid: 100; a: x % y; match(a < 1) { fill: red; } )
• Add support for custom easing formulas and cubic-bezier function. css @iI(t*t*t, * 100px); @iI(cubic-bezier(0.25, 0.1, 0.25, 1), *100%);
• Add functional-style ternary syntax match in calc. css /* t === 1 ? 1 : 1 - Math.pow(2, -10 * t) */ @iI(match(t=1, 1, 1 - pow(2, -10 * t)), *100%);
• Add emmet-like class selectors in SVG. css /* <circle class="dot" /> */ circle.dot { }
• Add SVG linearGradient and radialGradient functions for simplify gradient generation. css svg { rect { fill: defs @linearGradient(30, red, blue) } }

Fixes and improvements

• Fix UV → grid coordinate mapping in pattern function.
• Clean up WebGL context on component clearing.
• Handle <style> elements separately in SVG parsing.
• Improve SVG parser robustness and selector parsing.
• Fix subtraction tokenization edge cases (- handling).
• Correct typo in rotate shape property.
• Improve shape generation performance.
• Simplify seedrandom to a minimal core.
• Add β as an alias for ß in value grouping.