search

Active-CSS / active-css

The epic event-driven browser language for UI with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
https://activecss.org
Other
42 stars 7 forks source link

Allow "after 500ms" syntax to work with all types of vars #225

Closed bob2517 closed 2 years ago

bob2517 commented 2 years ago

The types of variables in ACSS increased, but this didn't reflect in the delay handling syntax. It was also barfing with "after x" being used in a string within double quotes that happened to be in the same action command.

That looks like it is fixed and now handle variables as before, but also has been enhanced to handle {$RAND} syntax, JS expressions and attribute references.

This is now on the 2.10.0 branch.

eg.

render-after-begin: "cheesea<br>" after {aVar};
render-after-begin: "cheeseb<br>" after {@data-timer};
render-after-begin: "cheesey<br>" after {$RAND100-500}ms;
render-after-begin: "cheesez<br>" after {= 2 + 3 =}s;