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

Create How to apply custom style classes by tag

Browse Source
This commit is contained in:
Markqz 2014-10-01 13:06:44 -08:00
parent 459133cc57
commit 6071f3d385
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
editions/tw5.com/tiddlers/howtos/How to apply custom style classes by tag Normal file
View File

@ -0,0 +1,30 @@
created: 20141001132300000
modified: 20141001132300000
tags: Learning
title: How to apply custom style classes by tag
type: text/vnd.tiddlywiki
You can create a tag that will apply custom style to a tiddler by using the form:
```
.tc-tagged-<My Class Tag>
```
where `<My Class Tag>` is the name of the tag which you will give to any tiddler to which you wish to apply the styles defined in `.tc-tagged-<My Class Tag>`.
For instance if you create a style sheet (see [[Using Stylesheets]] for details on creating style sheets) with class .`tc-tagged-NightReader` like this:
```
.tc-tagged-NightReader {
background-color:black;
color:orange;
padding: 35px 35px;
}
.tc-tagged-NightReader .tc-tiddler-body {
font-size: 1.5em;
}
```
then you can apply the class `NightReader` to any tiddler that you want to display in a format possible more suitable for night viewing.
Note that the `NightReader` class is applied to the entire tiddler and not just the tiddler text, so you may need to increase the specificity of your style definitions to make sure that only the tiddler content you want is affected by the style. (as is demonstrated here by `.tc-tagged-NightReader .tc-tiddler-body`.