css-doodle - npm Package Versions

0.29.1

• Extend use attribute to support rules in pure string.

  <css-doodle use="@grid: 5 / 200px"></css-doodle>
  

<br /> <br />

0.29.0

• Add Emmet-like syntax for generating SVG element.

  line*10 {
  
  }
  

  Equals to

  @M10(line {
  
  })
  

<br /> <br />

0.28.2

• Add @place alias for @position.
• Do not SVG group elements for empty id.
• Extend @svg-filter to add blur, erode, and dilate commands.

<br /> <br />

0.28.1

• Fix frequency variable name.
• Fix seed random inside @doodle function.
• Use seed for default svg filter seed.

<br /> <br />

0.28.0

• Reduce the default maximum grid size to 64x64. It can be up to 256x256 if the experimental attribute is provided (#91)
• Support title and desc element (#92)
• Fix broken var inheritance (#94)
• Support named arguments for @svg-filter and @rn (#95)
• Support reading seed value from source code (#96)

<br /> <br />

0.27.4

• Put the seed argument at the end.

<br /> <br />

0.27.3

• Add shorthand for frequently used svg filter (#88)
• Skip empty group argument (#87)

<br /> <br />

0.27.2

• Add t variable to represent u_time in pattern (#85)
• Fix pattern function caused by missing CSS vars (#84)
• Simplify calc in random selector (#83)
• Group SVG elements with identical id (#82)
• Prevent duplicated calls by removing attribute reflection hook (#81)
• Add vec2 u_seed to shader (#80) by @akira-cn

<br /> <br />

0.27.1

• Add pause/resume to Shader and CSS animations. (#78)
• Use CSS variable for Shader background value. (#77)
• Clear Shader animations on update or disconnected. (#76)

<br /> <br />

0.27.0

Features

• Add u_time uniform to @shaders. Now it supports animation in shaders. (#70)
• Add support for shader syntax compatible with shadertoy (#73)
• Increase grid size up to 256x256. (#73)

Fixes

• Fix Math expression in r property caused by wrong unit detection. (#72)

<br /> <br />