Minor refactor to several components

This commit is contained in:
Gabriel Arazas 2022-04-30 15:47:35 +08:00
parent 61228b54c0
commit 4d29a0b313
4 changed files with 8 additions and 13 deletions

View File

@ -11,7 +11,8 @@
::selection { ::selection {
background: var(--base0F); background: var(--base05);
color: var(--base00);
} }
body { body {
@ -87,6 +88,7 @@ code, pre {
} }
code { code {
background: var(--base01);
font-family: var(--mono-family); font-family: var(--mono-family);
font-size: 0.9em; font-size: 0.9em;
} }
@ -108,8 +110,9 @@ code[class*=language-]::selection,
code[class*=language-] ::selection, code[class*=language-] ::selection,
pre[class*=language-]::selection, pre[class*=language-]::selection,
pre[class*=language-] ::selection { pre[class*=language-] ::selection {
background: var(--base01); background: var(--base02);
font-size: var(--mono-font-size); font-size: var(--mono-font-size);
color: unset;
} }
mark { mark {
@ -123,6 +126,7 @@ mark {
hr { hr {
border-color: var(--base0C); border-color: var(--base0C);
margin: 1em 0;
} }
@ -210,8 +214,6 @@ footer {
flex-flow: column wrap; flex-flow: column wrap;
justify-content: space-evenly; justify-content: space-evenly;
text-align: center; text-align: center;
} }

View File

@ -1,4 +1,4 @@
nav[aria-label="Primary navigation"] { nav[aria-label="Site header"] {
@include header-link-hover-style; @include header-link-hover-style;
a { a {

View File

@ -26,13 +26,6 @@ $tablet-breakpoint: 860px;
padding: 0; 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 { @mixin header-link-hover-style {
> *:hover { > *:hover {
color: var(--base0C); color: var(--base0C);

View File

@ -1,4 +1,4 @@
<nav aria-label="Primary navigation"> <nav aria-label="Site header">
<a class="site__title" href="{{ "" | absLangURL }}">{{ $.Site.Title }}</a> <a class="site__title" href="{{ "" | absLangURL }}">{{ $.Site.Title }}</a>
<div class="list site__links"> <div class="list site__links">
{{ with $.Site.Menus.main }} {{ with $.Site.Menus.main }}