mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-16 10:29:54 +00:00
Code Issues Releases Wiki Activity

Update: How to Apply Custom Styles

Browse Source 
The former instructions didn't explain how class names with special characters could be used in stylesheets. This adds explanation about escaping the % symbol.
This commit is contained in:
Marxsal 2015-06-08 11:11:24 -07:00
parent c971c3b22f
commit d18ad1e853
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
editions/tw5.com/tiddlers/howtos/How to apply custom styles by tag.tid
View File

@ -1,5 +1,5 @@
created: 20141001132300000
modified: 20141001132300000
modified: 20150608132300000
tags: Learning
title: How to apply custom styles by tag
type: text/vnd.tiddlywiki
@ -26,5 +26,16 @@ Note that tags containing spaces or non-alphanumeric characters will be converte
|!Tag |!Generated Class Name |
|`$:/mytag` |`tc-tagged-%24%3A%2Fmytag` |
|`one two` |`tc-tagged-one%20two` |
|`Doctor Who` |`tc-tagged-Doctor%20Who` |
|`£35.23` |`tc-tagged-%C2%A335.23` |
Although ~TiddlyWiki will generate these tags, to actually use them in your css, you will need to escape the percent character in your stylesheet, like:
```
.tc-tagged-Doctor\%20Who {
background-image: url(./tardis_back.svg);
background-repeat: no-repeat;
background-position: right;
color:#FBFBFB;
}
```