mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-08-17 08:50:50 +00:00
![Mario Pietsch](/assets/img/avatar_default.png)
* change 3 set-widgets to 1 var-widget call. Add data-tags and userClass. * add new documentation and change the existing one accordingly.
27 lines
757 B
Plaintext
27 lines
757 B
Plaintext
created: 20170126174506507
|
|
modified: 20170126211042714
|
|
tags: [[Hard Linebreaks in WikiText]]
|
|
title: Hard Linebreaks with CSS
|
|
type: text/vnd.tiddlywiki
|
|
|
|
Since TiddlyWiki Version 5.1.16, it's possible to apply customs styles with `data-` attributes. see: [[How to apply custom styles]]
|
|
|
|
The [[Custom data-styles]] stylesheet tiddler contains the following definition:
|
|
|
|
```
|
|
[data-tags*="example-hardlinebreaks"] .tc-tiddler-body {
|
|
word-break: normal;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
}
|
|
```
|
|
|
|
If rendered without the tag, the content of "Hard Linebreaks with CSS - Example" will be shown like this:
|
|
|
|
>{{Hard Linebreaks with CSS - Example}}
|
|
|
|
----
|
|
|
|
Open the tiddler to see the custom CSS rules applied: [[Hard Linebreaks with CSS - Example]]
|
|
|