Hi,
It's basically defining a new visual representation for the standard
unordered list element [1]: it removes the bullet points. Just uses the
indent settings:
Create a tiddler eg: myStyles and tag it $:/tags/Stylesheet
.x li,
li.x{
list-style-type: none;
padding-left: 0;
}
---------------------------------
The above code is a CSS definition, that defines a new CSS class [2]
selector named x
It can be any name, but I wanted to have a short one.
Now you can use the following syntax:
*.x indent 1
**.x indent 2
If you put this little example into a tiddler, it creates this output:
- indent 1
- indent 2
Once the stylesheet is active it removes the bullets. .. That's it.
There is a second way to define a bigger block of text, where the rule
should be active. Like this:
@@.x
* asdf asdf
** asdfasdfasdf
@@
The example text above uses the TW advanced feature, to apply custom styles
and classes [3]. As you see, we redefined the list element between @@.x and
@@. So depending on your usecase you may use both of them. ... You'll find
out, when to use them ;)
hope that helps
have fun!
mario
[1] http://tiddlywiki.com/#Lists%20in%20WikiText
[2] https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors
[3] http://tiddlywiki.com/#Styles%20and%20Classes%20in%20WikiText
--
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/737fbd96-615c-4c03-83a9-4aaffab24999%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
