css-doodle - npm Package Versions

::after {
  /* 5 4 3 2 1 */
  content: @M5-1.@n;
}

Add exports.

import CSSDoodle from 'css-doodle';
import { svg, shape } from 'css-doodle/generator';
import { tokenizer } from 'css-doodle/parser';

document.appendChild(CSSDoodle`
  @grid: 10 / 200px;
  background: @p(red, blue);
  margin: 1px;
`);

let code = svg(`
  viewBox: 0 0 10 10;
  circle {
    cx, cy, r: 5;
  }
`);

let polygon = shape(`
  points: 200;
  r: sin(t);
`);

let tokens = tokenizer.scan(`
  color: red
`);

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

Add Emmet-like syntax for generating SVG element.

line*10 {

}

Equals to

@M10(line {

})