css-doodle - npm Package Versions

0.33.1

• Fixed @Svg function detection for transforming the multiplication feature.
• Fixed @pn index value inside @m function.

<br /> <br />

0.33.0

• Added new @svg-pattern function to reduce boilerplate code.

  background: @svg-pattern(
    width, height: 10%;
    viewBox: 0 0 10 10;
    circle { }
  );
  

• Added new @Svg function to return raw SVG code rather than encoded URI value.

  @content: @Svg(
    viewBox: -1 -1 2 2;
    circle {
      r: 1;
    }
  );
  

• Added padding value for SVG viewBox property.

  viewBox: -1 -1 2 2 padding 1;
  
  /* equals to */
  
  viewBox: -2 2 4 4;
  

<br /> <br />

0.32.2

• Do not use ?? operator at the moment.

<br /> <br />

0.32.1

• Build grid without DOM object.
• Fix CSS parser for reading tail function names.

<br /> <br />

0.32.0

Features

• Add @unicode function to insert Unicode and it can be used both in HTML and CSS.

  /* in HTML */
  @content: @unicode(0x2500);
  
  /* in CSS */
  :after {
    content: @unicode(0x2500);
  }
  

  A sequence of Unicode characters.

  @content: @pn.unicode(0x2500, 0x257f, 0x2588);
  

• Add @mirror/@Mirror function to transform input items, simlar to @cycle and @reverse.

  /* 1, 2, 3, 4, 5, 5, 4, 3, 2, 1 */
  @mirror(1, 2, 3, 4, 5);
  
  /* 1, 2, 3, 4, 5, 4, 3, 2, 1 */
  @Mirror(1, 2, 3, 4, 5);
  

• All index functions, @i/I, @x/X, @y/Y, and @n/N/nx/ny accept extra arguments to do calulations.

  @i5 === @calc(@i + 5)
  
  @i(*10) === @calc(@i * 10)
  @i(-10) === @calc(@i - 10)
  @i(/10) === @calc(@i / 10)
  @i(%10) === @calc(@i % 10)
  
  @i(10/) === @calc(10 / @i)
  @i(10-) === @calc(10 - @i)
  

Patches

• Reduce imports of the exported svg function.

• Improve @cycle to support comma-separated values.

• Fix grid build for @content.

• Fix parsing quotes in content.

  /* There used to be bugs` */
  content: '");';
  

<br /> <br />

0.31.2

• Fix svg-extended style tag generation.

<br /> <br />

0.31.1

• Fix bad reverse function implementation.

<br /> <br />

0.31.0

• Add @content property for text content so that they can be selectable.
• The @ symbol can be ommited if the functions are chained together.
• Patch reverse function to support both SVG path commands and general arguments.
• Skip variable properties for SVG generation.
• Fix style tag parsing inside SVG for complex CSS selectors.

<br /> <br />

0.30.10

• Add @pnr alias for @pr.

<br /> <br />

0.30.9

• Support variables in standalone SVG export function.
• Compute index instead of reversing the whole array.
• Use single rotate for inner @place transformation.
• Simplify image detection.
• Use @pn and @position as aliases.

<br /> <br />