css-doodle/css-doodle v0.28.0

on GitHub

Features

• Support setting seed value directly in the rules (#96)

  <css-doodle>
     @seed: 2022;
     @grid: 10 / 400px;
     background: @p(red, blue);
  </css-doodle>

• Support named arguments for @svg-filter and @rn (#95)

  /* It's hard to remember the order */
  filter: @svg-filter(.2, 2, 10, 2);  
  
  /* Now each argument has a name, so that the order doesn't master */
  filter: @svg-filter(frequency=.2, scale=2, octave=10, seed=2);
  filter: @svg-filter(seed=2, frequency=.2, scale=2, octave=10);
  
  /* And It's optional */
  filter: @svg-filter(.2, 100, seed=2020);

Fixes

• Fix broken var inheritance (#94)
• Add support for the missing title and desc element in SVG (#92)

Changes

• Reduce the default maximum grid size to 64x64. It can be up to 256x256 only when the experimental attribute is provided (#91)

  <css-doodle experimental>
    @grid: 256 / 600px;
  </css-doodle>