mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-24 02:27:19 +00:00
Code Issues Releases Wiki Activity

Merge pull request #1780 from Marxsal/patch-5

Browse Source 
Update: How to Apply Custom Styles
This commit is contained in:
Jeremy Ruston 2015-06-13 17:12:57 +01:00
commit f54dcc7d11
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 created: 20141001132300000
modified: 20141001132300000 modified: 20150608132300000
tags: Learning tags: Learning
title: How to apply custom styles by tag title: How to apply custom styles by tag
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
@ -26,5 +26,16 @@ Note that tags containing spaces or non-alphanumeric characters will be converte
|!Tag |!Generated Class Name | |!Tag |!Generated Class Name |
|`$:/mytag` |`tc-tagged-%24%3A%2Fmytag` | |`$:/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` | |`£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;
}
```