css-doodle - npm Package Versions

0.37.2

• Fix viewBox padding calculation.
• Fix CSS parser to read % as an unit value for expressions like $%(10).
• Change @unicode to @code internally.

<br /> <br />

0.37.1

• Fix variable orders inside @svg().
• Fix variable context.

<br /> <br />

0.37.0

Features

• New $ function for reading and evaluating numeric variables.

  --a: 2;
  --b: $(a * 2);
  
  --c: $b;
  
  /* 30px */
  --d: $px(10 + 20);
  

• Add repeatCount to draw

  draw: 10s indefinite;
  draw: 10s infinite;
  

• Variables can be put directly inside @svg() now.

  @content: @svg(
    --size: 10;
  
    viewBox: 0 0 $size $size;
  );
  

<br /> <br />

0.36.0

• Add @hover selector.

  @hover {
    /* same as :hover */
  }
  
  @hover(-1, 1) {
    /* previous and next */
  }
  
  @hover(0 -1, 0 1) {
    /* left and right cells. Targeting by `dx dy`.
  }
  

• Round the values generated by '@shape' to a maximum of six decimal places."

<br /> <br />

0.35.1

• Support nested css-doodle element via @content: @doodle().

  @grid: 2 / 400px;
  @content: @doodle(
    @grid: 2 / 100%;
    background: @p(red, blue);
  );
  

• Add path animation with property draw in nomral SVG element.

  @conent: @svg(
    path {
      d: '..';
      draw: 5s;
    }
  )
  

• Change property animate to draw inside @svg-polygon.

• Change default @svg-polygon stroke color to currentColor.

• Fix sequence generator index.

• Fix negative calculation in generator functions.

0.35.0

• Add @svg-polygon().
• Add @raw() to choose format explicitly.
• Add not condition for selectors.
• Deprecate @Svg(), use @svg() instead.
• Decode uri format for @content property automatically.

<br /> <br />

0.34.11

• Fix rule breaks.

<br /> <br />

0.34.10

• Fix generated doodle image size.

<br /> <br />

0.34.9

• Fix box-sizing value for :host.
• Clone objects using structuredClone.
• Remove quotes around content values.
• Add shortcut p alias for viewBox padding.

<br /> <br />

0.34.8

• Cache tokens and fix cyclic references.
• Fix pseudo quotes.
• Fix SVG parser for special characters inside content.
• Ignore empty properties in pseudo.
• Clear innerHTML to avoid side effects.

<br /> <br />