Yuan Chuan

Idea: @content

2

Insert new elements. ```css /* text node */ @content: 'some text'; /* svg */ @content: @svg( ); /* new doodle element */ @content: @doodle( ); ```

Port to React

11

## Current workaround: It's not the best way, but if you want to use `css-doodle` in `React` you could try the following: ```js /* doodle.js */ import React from 'react';...

Custom functions

4

Example ```css @function fib: pos => { let a = 0, b = 1; while (0 < pos--) [a, b] = [b, a + b]; return a; } ::after {...

```css @nth(1), @nth(2) { } ```

Now we're using GitHub Actions to run tests but it seems there's no option for the equivalent `allow_failure` from Travis.

I've seen this in SVG ```svg ``` So instead of grouping values with `"` ```css clip-path: polygon(@pick( '0 0, 100% 0, 100% 100%', '0 0, 100% 0, 0 100%' ));...

```css @mode: doodle | image | svg | shader; ``` ## SVG ```html viewBox: 0 0 1 1; circle { } ``` ## Image ```html @grid: 10 / 400px; background:...

```js // currently supported match( x => 2, when(x => x > 3) ) // no support match( (x = when(x > 3)) => 2 )

Prevent the error of maximum call stack size.