diff options
author | Bernhard Posselt <dev@bernhard-posselt.com> | 2016-06-03 00:39:08 +0200 |
---|---|---|
committer | Bernhard Posselt <dev@bernhard-posselt.com> | 2016-06-03 00:39:08 +0200 |
commit | 5bdb71b20a220be3dc2f8d482499e41dce5fd7a3 (patch) | |
tree | 0e427e6ff6372a3f57b5570cadab375e1ec1e5e1 /docs/feedcss | |
parent | 2f2c87259fb85976a20a49657d39fae39622490e (diff) |
wiki to docs
Diffstat (limited to 'docs/feedcss')
-rw-r--r-- | docs/feedcss/README.md | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/docs/feedcss/README.md b/docs/feedcss/README.md new file mode 100644 index 000000000..74f652eaf --- /dev/null +++ b/docs/feedcss/README.md @@ -0,0 +1,16 @@ +# Custom CSS +Sometimes you want to add additional CSS for a feed to improve the rendering. This can very easily be done by adding a CSS class to **css/custom.css** following the following naming convention: + +* Take the URL from the \<link> attribute (e.g.: \<link>https://www.google.de/path?my=query \</link>) +* Extract the Domain from the URL (e.g.: www.google.de) +* Strip the leading **www.** (e.g.: google.de) +* Replace all . with - (e.g.: google-de) +* Prepend **custom-** (e.g.: custom-google-de) + +Each class rule should be prefixed with **#app-content** and should only affect the article body. An example rule would be: + +```css +#app-content .custom-google-de .body { + /* Custom CSS rules here */ +} +```
\ No newline at end of file |