summaryrefslogtreecommitdiffstats
path: root/docs/feedcss
diff options
context:
space:
mode:
authorBernhard Posselt <dev@bernhard-posselt.com>2016-06-03 00:39:08 +0200
committerBernhard Posselt <dev@bernhard-posselt.com>2016-06-03 00:39:08 +0200
commit5bdb71b20a220be3dc2f8d482499e41dce5fd7a3 (patch)
tree0e427e6ff6372a3f57b5570cadab375e1ec1e5e1 /docs/feedcss
parent2f2c87259fb85976a20a49657d39fae39622490e (diff)
wiki to docs
Diffstat (limited to 'docs/feedcss')
-rw-r--r--docs/feedcss/README.md16
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