summaryrefslogtreecommitdiffstats
path: root/old-docs/feedcss/README.md
diff options
context:
space:
mode:
Diffstat (limited to 'old-docs/feedcss/README.md')
-rw-r--r--old-docs/feedcss/README.md16
1 files changed, 16 insertions, 0 deletions
diff --git a/old-docs/feedcss/README.md b/old-docs/feedcss/README.md
new file mode 100644
index 000000000..74f652eaf
--- /dev/null
+++ b/old-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