css-doodle/css-doodle v0.30.0

on GitHub

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

document.body.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
`);