Add Mask Highlighter
This commit is contained in:
parent
c5c1bb2b13
commit
1587b96b3c
5 changed files with 748 additions and 0 deletions
52
demo/kitchen-sink/docs/mask.mask
Normal file
52
demo/kitchen-sink/docs/mask.mask
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
/* Mask Syntax Demo */
|
||||
|
||||
div > ' Test ~[name]';
|
||||
|
||||
define :userProfile {
|
||||
header {
|
||||
h4 > @title;
|
||||
button.close;
|
||||
}
|
||||
}
|
||||
|
||||
:userProfile {
|
||||
@title > ' Hello ~[: username.toUpperCase()]'
|
||||
}
|
||||
|
||||
style {
|
||||
html, body {
|
||||
background: url('name.png') 0 0 no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
event click (e) {
|
||||
this.textContent = `name ${e.clientX} !`;
|
||||
}
|
||||
}
|
||||
|
||||
md > """
|
||||
|
||||
- div
|
||||
- span
|
||||
|
||||
Hello
|
||||
|
||||
[one](http://google.com)
|
||||
|
||||
""";
|
||||
|
||||
|
||||
header .foo > 'Heading'
|
||||
|
||||
button .baz x-signal='click: test' disabled > "
|
||||
Hello,
|
||||
world
|
||||
\"Buddy\"
|
||||
"
|
||||
|
||||
var a = {
|
||||
name: `name ${window.innerWidth}`
|
||||
};
|
||||
|
||||
span .foo > "~[bind: a.name]"
|
||||
Loading…
Add table
Add a link
Reference in a new issue