First off, I'm using TW5.1.13 with Font Awesome 4.7 embedded following the
great guide by Tobias Beer <http://tobibeer.github.io/tw/fa/#Installation>.
He also made a CSS extension class for Font Awesome available, which I
included in my TW.
/* 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;
}
Everything is functioning properly, however I have a question regarding the
use of the previously mentioned CSS class with dot notation in WikiText
when your making a bullet list.
@@.check
*First item
*Second item
*Third item
@@
Tobias showed on his TW
<http://tobibeer.github.io/tw/fa/#text-only%20checklist> ( code above) how
to use his CSS class and that works as expected, but the official TW
documentation <http://tiddlywiki.com/static/Lists%2520in%2520WikiText.html>
(code
below) indicate that you can also assign a CSS class to an individual
member of a list with dot notation, this however doesn't seem to work. I
would like to know why this doesn't work, I only have basic web
development/ programming knowledge, so I'm probably missing something
here...
*.check First item
*.check Second item
*.remove Third item
Thank you
--
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/3944ac98-c690-4f52-a6db-31838680c4f0%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
