chylex/Nextcloud-News
1
0
Fork 0
mirror of https://github.com/chylex/Nextcloud-News.git synced 2024-11-21 22:42:48 +01:00
Code
customized
Nextcloud-News/docs/features/customCSS.md
Benjamin Brahmer 79e469fd33 Refactor News documentation with mkdocs and mkdocs-material 
- move all pages to new structure
- use gh-pages to host html version
- use github actions for automatic build

Co-authored-by: anoy <anoymouserver+github@mailbox.org>

Signed-off-by: Benjamin Brahmer <info@b-brahmer.de>
2021-05-19 14:58:29 +02:00

710 B
Raw Permalink Blame History

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:

#app-content .custom-google-de .body {
    /* Custom CSS rules here */
}