diff --git a/assets/css/style.scss b/assets/css/style.scss index 00a14a5..873230a 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -35,16 +35,12 @@ html { } body { - /* Background color */ @include color(background, background); - /* Font settings */ - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: sans-serif; line-height: 1.5; - /* Center body */ margin: 0 auto; max-width: 750px; padding: 10px; - /* Wrapping */ word-break: break-word; overflow-wrap: break-word; * { @@ -54,6 +50,7 @@ body { } header { + @extend .border-bottom; padding: 10px 0; * { margin-top: 0; @@ -92,7 +89,17 @@ pre { white-space: pre-wrap; } +:not(pre) > code { + @extend .invert; + font-size: 1rem; +} + +code { + font-family: monospace; +} + footer { + @extend .border-top; padding: 10px 0; * { margin-top: 0; @@ -100,14 +107,19 @@ footer { } } -footer, .border-top { +.border-top { @include color-border(border-top, 1px, solid, primary); } -header, .border-bottom { +.border-bottom { @include color-border(border-bottom, 1px, solid, primary); } +.invert { + @include color(color, background); + @include color(background, primary); +} + .fake-p { display: block; margin-top: 1em; @@ -125,8 +137,3 @@ header, .border-bottom { .full-width { width: 100%; } - -.invert { - @include color(color, background); - @include color(background, primary); -} \ No newline at end of file