I think you are limited to the @@ styleinline format with this
implementation. Playing with Tobias' example, I added a definition for
.remove to $:/fonts/FontAwesome/checklist and it seems to work.
/* CHECKLIST EXTENSION */
.check li{
list-style-type:none;
padding:5px;
}
.check li:before{
content: "\f00c";
color: #9bdd81;
font: normal normal normal 24px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
position:absolute;
display: inline-block;
margin: 0 0 0 -35px;
width: 30px;
font-size: 24px;
vertical-align: middle;
}
.remove li{
list-style-type:none;
padding:5px;
}
.remove li:before{
content: "\f00d";
color: #9bdd81;
font: normal normal normal 24px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.2);
position:absolute;
display: inline-block;
margin: 0 0 0 -35px;
width: 30px;
font-size: 24px;
vertical-align: middle;
}
Enter code here...
then modify text-only checklist tiddler:
@@.check
* a one
@@
@@.check
* and a two
@@
@@.check
* and a three
@@
@@.remove
* and a four
@@
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/8aaa3c7a-a333-4187-8cbb-c6a308697201%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
