mask.mask 597 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /* Mask Syntax Demo */
  2. div > ' Test ~[name]';
  3. define :userProfile {
  4. header {
  5. h4 > @title;
  6. button.close;
  7. }
  8. }
  9. :userProfile {
  10. @title > ' Hello ~[: username.toUpperCase()]'
  11. }
  12. style {
  13. html, body {
  14. background: url('name.png') 0 0 no-repeat;
  15. }
  16. }
  17. button {
  18. event click (e) {
  19. this.textContent = `name ${e.clientX} !`;
  20. }
  21. }
  22. md > """
  23. - div
  24. - span
  25. Hello
  26. [one](http://google.com)
  27. """;
  28. header .foo > 'Heading'
  29. button .baz x-signal='click: test' disabled > "
  30. Hello,
  31. world
  32. \"Buddy\"
  33. "
  34. var a = {
  35. name: `name ${window.innerWidth}`
  36. };
  37. span .foo > "~[bind: a.name]"