css-doodle

🎨 A web component for drawing patterns with CSS.

MIT License

Downloads
18.1K
Stars
5.4K
Committers
8

Bot releases are hidden (Show)

css-doodle - v0.7.5

Published by yuanchuan almost 5 years ago

Features

  • Add π symbol.
  • Recongize function without parentheses.
  • Add rep for repeat and several others for personal usage.
css-doodle - v0.7.4

Published by yuanchuan almost 5 years ago

Features

  • Add shorthand for common standard paper sizes.

Fixes

  • Prevent duplicated definition when more than one css-doodle source being included in the page.

Update

  • Set all elements inside the component to be border-box.
  • Use place-content insteaad of flexbox alignment.
  • Add opencollective funding to package.
css-doodle - v0.7.3

Published by yuanchuan about 5 years ago

Features

  • Expand the '±' symbol to '-' and '+' in one place.
css-doodle - v0.7.2

Published by yuanchuan over 5 years ago

Features

  • Add click-to-update attribute for demo stuff.
  • Add @id() function.
css-doodle - v0.7.1

Published by yuanchuan over 5 years ago

Fixes

  • Fix the nesting limit inside shadowDOM.
css-doodle - v0.7.0

Published by yuanchuan over 5 years ago

Features

  • Add depth dimension.
  • Add alias for row and col.

Fixes

  • Fix typo for @multiple-with-space().

Changes

  • The third dimension now based on 1x1.
    That is to say, the 1x2x8 will not work, but 1x1x8 does.
  • Deprecated the @multi alias.
css-doodle - v0.6.2

Published by yuanchuan over 5 years ago

Features

  • Add @ms() multiple values separated with space.
  • Add support for dynamic functions with numeric parameters.

Fixes

  • Fix for content: none
css-doodle - v0.6.1

Published by yuanchuan over 5 years ago

Features

  • Add @rand-int().

Fixes

  • Ignore empty composed values.
  • Fix the missing variable for dimension z.
css-doodle - v0.6.0

Published by yuanchuan over 5 years ago

Features

  • Experiment for new dimension z.

Fixes

  • Fix the clamped min value.
css-doodle - v0.5.1

Published by yuanchuan almost 6 years ago

Fixes

  • Fix type error in @rand().
  • Fix the shuffle algorithm.
  • Improve the behaviors of @pd() and @pn().
css-doodle - v0.5.0

Published by yuanchuan almost 6 years ago

Features

  • Support multiple arguments for @nth(), @row() and @col().
  • The range of @rand() is now unlimited.

Changes

  • Remove step value for @rand().

Fixes

  • Fix native content values.
css-doodle - v0.4.11

Published by yuanchuan almost 6 years ago

Fixes

  • Fix bug on attribute changing
css-doodle - 0.4.9

Published by yuanchuan about 6 years ago

Fixes

  • Fix coords reference.
  • Fix pseudo content value with var().
  • Fix empty value for @use().
css-doodle - v0.4.8

Published by yuanchuan about 6 years ago

Fixes

  • Support multiple pseudo selectors on one rule.
  • Fix bug on multiple animation names.
css-doodle - v0.4.7

Published by yuanchuan about 6 years ago

Fixes

  • Fix parse error on keyframe names.
  • Fix generated multiple animation names.
  • Prevent error on empty or unknown shapes.

Changes

  • Don't throw JS errors.
css-doodle - v0.4.6

Published by yuanchuan about 6 years ago

Fixes

  • Fix the shuffle algorithm.
css-doodle - v0.4.5

Published by yuanchuan about 6 years ago

Fixes

  • Fix context bug for @pick-d().
  • Prevent scrollbars caused by @place-cell().

Features

  • Automatically add vendor prefixes for properties.
  • Automatically add quotes for pseudo-content.
  • Support char range in @pick functions.
  • Add experimental @svg-filter() function.
css-doodle - v0.4.4

Published by yuanchuan about 6 years ago

Fixes

  • Fix error in @pick-d().
  • Fix type error of units handling.

Changes

  • Rename @max-row() to @size-row() and @max-col() to @size-col().
  • Replace uglify-es with terser.
css-doodle - v0.4.3

Published by yuanchuan about 6 years ago

Fixes

  • Fix scientific notation in @calc().

Features

  • @nth() now behaves like nth-child.
  • Add @pick-d() function.
  • Accept any unit.
css-doodle - v0.4.2

Published by yuanchuan over 6 years ago

Fixes

  • Fix errors in @calc().
  • Fix invalid @n()caused by the idx params.

Changes

  • Increase iterating limit for @repeat() and @multiple().
  • Make :container inherits all the grid properties from :doodle element.