This commit is contained in:
yuanchuan 2022-01-15 23:57:02 +08:00
parent 70ebf13b55
commit 8eec00e4c4
4 changed files with 484 additions and 341 deletions

View File

@ -1,3 +1,47 @@
## 0.24.0
### Changes
* Removed `@min-size`, `@max-size`, `@path()`, `nrand()`, and `@reflect()` since I never used them.
* Removed the feature of registering typed custom properties automatically, which was used for animation.
* Renamed `place-cell` to `offset` in favor of shorter name.
### Features
* Added Perlin noise function `@rn()` and `@noise()`.
```css
/* similar to @r() function */
scale: @rn(0, 1);
rotate: @rn(360deg);
```
* Added support for `direction` inside `@plot()` function.
Each element will rotate towards the curve direction or with custom angles.
```csss
@offset: @plot(
/* the syntax is similar to offset-rotate */
direction: auto 90deg;
);
```
* Added support for `unit` inside `@plot()` function.
Now the `box-shadow` value can be plotted.
```css
box-shadow: @m10(
@plot(r: 10, unit: em) 0 0 #000
);
```
Or simply put the unit at the end of `r`.
```css
box-shadow: @m10(
@plot(r: 10em) 0 0 #000
);
```
<br /> <br />
## 0.23.1
* Fixed `index` calculation in `@pattern`.

File diff suppressed because it is too large Load Diff

2
css-doodle.min.js vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{
"name": "css-doodle",
"version": "0.23.1",
"version": "0.24.0",
"description": "A web component for drawing patterns with CSS",
"main": "css-doodle.js",
"scripts": {