Replace global styling in demos

Author: TorsteinHonsi

lib/functions.js

@@ -393,6 +393,12 @@ export const getCSS = (req, codePath) => {
     if (css && codePath) {
         css = replaceURLs(css, codePath);
     }
+
+    // Prevent demo.css from affecting the whole view page
+    css = css
+        .replace('* {', '/* Replaced from * selector */\n#demo-content {')
+        .replace('body {', '/* Replaced from body selector */\n#demo-content {');
+
     return css;
 }
 

public/stylesheets/style.less

@@ -33,9 +33,6 @@ body {
 	background: var(--background-color);
 	color: var(--text-color);
 	transition: background 250ms, color 250ms;
-}
-
-body:not(body.view) {
 	font-family: Arial, Helvetica, sans-serif;
 }