~alterae/alterae.srht.site: Improve stylesheet

08c340b077d66499313881beb6c387ffa589edf9 — Michelle S 2 years ago ed8fbda

Improve stylesheet

Inline code is now readable (in light theme) and block code now scrolls
on horizontal overflow.  Probably looks like shit in dark theme.

patch browse .tar.gz

1 files changed, 22 insertions(+), 4 deletions(-)

M sass/style.scss

M sass/style.scss => sass/style.scss +22 -4

@@ 14,11 14,11 @@
 }
 
 :root {
-  font: 13px monospace,monospace;
+  font: 13px monospace, monospace;
 }
 
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 main {


@@ 26,6 26,24 @@ main {
   margin: auto;
 }
 
-p code {
-  background-color: #404040;
+code {
+  background-color: lightgray;
+}
+
+code:not(pre code)::before {
+  content: "`";
+  color: gray;
+}
+
+code:not(pre code)::after {
+  content: "`";
+  color: grey;
+}
+
+pre {
+  overflow-x: scroll;
+}
+
+pre code {
+  background-color: #2b303b;
 }