diff --git a/assets/css/app.scss b/assets/css/app.scss index e87230f..5ec1328 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -30,12 +30,14 @@ } @mixin make-pre { - padding: 10px; + padding: 10px 1em; border: 1px solid $color-code-border; overflow: auto; background: $color-code-background; color: $color-code-text; - font-size: 13px; + font-size: 1em; + box-shadow: 1px 1px .5em black inset; + border-radius: 15px; } @mixin make-pre-code { diff --git a/assets/css/app/config.scss b/assets/css/app/config.scss index 9b2cd1d..ae2e1ad 100644 --- a/assets/css/app/config.scss +++ b/assets/css/app/config.scss @@ -35,7 +35,7 @@ $content-max-width: 1250px; /* GIST compatiblity */ $color-code-border: #1d2231; -$color-code-background: #222222; +$color-code-background: hsl(0, 0%, 8%); $color-code-text: #f8f8f2; $color-code-mark-background: $color-light-blue; $color-code-title-background: #1d2231;