diff --git a/assets/scss/base.scss b/assets/scss/base.scss index 5546b44..052d514 100644 --- a/assets/scss/base.scss +++ b/assets/scss/base.scss @@ -11,7 +11,8 @@ ::selection { - background: var(--base0F); + background: var(--base05); + color: var(--base00); } body { @@ -87,6 +88,7 @@ code, pre { } code { + background: var(--base01); font-family: var(--mono-family); font-size: 0.9em; } @@ -108,8 +110,9 @@ code[class*=language-]::selection, code[class*=language-] ::selection, pre[class*=language-]::selection, pre[class*=language-] ::selection { - background: var(--base01); + background: var(--base02); font-size: var(--mono-font-size); + color: unset; } mark { @@ -123,6 +126,7 @@ mark { hr { border-color: var(--base0C); + margin: 1em 0; } @@ -210,8 +214,6 @@ footer { flex-flow: column wrap; justify-content: space-evenly; text-align: center; - - } diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 52990c5..900f52c 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -1,4 +1,4 @@ -nav[aria-label="Primary navigation"] { +nav[aria-label="Site header"] { @include header-link-hover-style; a { diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 78ea5ce..979fe55 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -26,13 +26,6 @@ $tablet-breakpoint: 860px; padding: 0; } -@function decToHex($dec) { - $hex: "0123456789ABCDEF"; - $first: (($dec - $dec % 16)/16)+1; - $second: ($dec % 16)+1; - @return str-slice($hex, $first, $first) + str-slice($hex, $second, $second) -} - @mixin header-link-hover-style { > *:hover { color: var(--base0C); diff --git a/layouts/partials/header.html b/layouts/partials/header.html index ffef595..3c78679 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,4 +1,4 @@ -