Optimized CSS for code blocks

1 files changed, 4 insertions, 6 deletions

diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index 87d5413..a55bcb4 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -29,12 +29,6 @@
         }
     }
 
-    &__code {
-        margin-left: 1px;
-        padding-left: calc(#{$subcontent--indent} - 3px);
-        border-left: 2px solid var(--obj);
-    }
-
     &__prefixed {
         position: relative;
         margin-left: -1 * $page--item-prefix--width;
@@ -82,6 +76,10 @@
             margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor});
             padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor});
             border-left: 0;
+            color: var(--code-block--fg);
+            font-size: $code-block--font-size;
+            line-height: $code-block--line-height;
+            text-overflow: '';
     
             &::before {
                 content: str-repeat('``\A', 40);