fix code and quote layout

dyne · Jul 23, 2024 · 9a344a5 · 9a344a5
1 parent a09fec0
commit 9a344a5
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/docs/themes/dyne-soft/assets/assets/sass/_elements.scss b/docs/themes/dyne-soft/assets/assets/sass/_elements.scss
@@ -24,8 +24,23 @@ p {
 em {
   font-style: italic;
 }
-code {
+
+pre {
+  padding: 20px;
+  width: calc(100vw - 120px);
+  max-width: var(--max-width);
+  box-shadow: 3px 3px 6px 0px var(--bg-shadow) inset,-3px -3px 6px 1px var(--bg-highlight) inset;
+  border-radius: 7px;
+}
+pre > code {
   font-family: _font(family-fixed);
+  display: block;
+  background: none;
+  white-space: pre;
+  overflow-x: auto;
+  width: 100%;
+  max-width: 100%;
+  min-width: 100px;
 }
 h1, h2, h3, h4, h5, h6 {
   font-family: _font(family);
@@ -179,3 +194,15 @@ a:hover {
 
 
 }
+hr {
+  width: 100%;
+}
+
+blockquote {
+  padding-left: 20px;
+  width: calc(100vw - 120px);
+  max-width: var(--max-width);
+  border-left: 3px solid var(--fg);
+  font-size: 1.2em;
+  letter-spacing: 0.05em;
+}