fix to support hilighting styles

minoritea · Jul 28, 2021 · 5edfe78 · 5edfe78
1 parent 4fd03dc
commit 5edfe78
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/static/css/app.css b/static/css/app.css
@@ -8,38 +8,45 @@ a {
   color: black;
 }
 
-pre {
+pre:not(.highlight *) {
   white-space: pre-wrap;
-  background: gray;
+  background: #bbb;
   font-size: 0.9em;
-  padding: 0.5em;
+  padding: 0.5em 1em;
+  border-radius: 3px;
+}
+
+div.highlight {
+  border: 1px solid #bbb;
+  border-radius: 3px;
+  margin: 2em 0;
 }
 
 code, pre {
   font-family: SFMono-Regular, Consolas, 'Courier New', 'BIZ UDGothic', Meiryo, monospace;
 }
 
 blockquote {
-  border-left: 4px solid #b0b0b0;
-  background: #d0d0d0;
+  border-left: 4px solid #bbb;
+  background: #ddd;
   padding: 1em 2em;
   margin: 0 1em 2em 1em;
 }
 
 hr {
   height:0;
   border:0;
-  border-top:1px solid #d0d0d0;
+  border-top:1px solid #ddd;
   border-bottom:1px solid #fff;
 }
 
-table tr:nth-child(odd) td {
-  background: #d0d0d0;
+table:not(.highlight *) tr:nth-child(odd) td {
+  background: #ddd;
   padding: 0.25em;
 }
 
-table tr:nth-child(even) td {
-  background: #b0b0b0;
+table:not(.highlight *) tr:nth-child(even) td {
+  background: #bbb;
   padding: 0.25em;
 }