From 555d2c4fc1e54e9d66e48a20d6171ea016e85bc4 Mon Sep 17 00:00:00 2001 From: a Date: Sat, 24 Dec 2022 04:25:29 -0600 Subject: [PATCH] more tweaks --- assets/styles/common/base.scss | 9 ++++++- assets/styles/common/reset.scss | 43 +++++++++++++++++++++++++++++++ assets/styles/layouts/single.scss | 3 +++ assets/styles/print.scss | 1 + assets/styles/screen.scss | 1 + assets/styles/screen/links.scss | 7 ++--- layouts/_default/baseof.html | 1 - 7 files changed, 58 insertions(+), 7 deletions(-) create mode 100644 assets/styles/common/reset.scss diff --git a/assets/styles/common/base.scss b/assets/styles/common/base.scss index 356628a..36e5af9 100644 --- a/assets/styles/common/base.scss +++ b/assets/styles/common/base.scss @@ -35,8 +35,15 @@ Containers are an immediate child
, purely for constraining width. padding: 0 1em; /* and we apply a horizontal padding only to containers */ } -/* Ensure consistent colors for text selection */ +/* Ensure consistent colors for text selection and element focus */ ::selection { background: var(--primary-accent); color: var(--primary-accent-text); +} + +*:focus { + border-radius: 2px; + text-decoration: none; + outline: 1px dashed var(--ui-text); + outline-offset: 4px; } \ No newline at end of file diff --git a/assets/styles/common/reset.scss b/assets/styles/common/reset.scss new file mode 100644 index 0000000..e66930e --- /dev/null +++ b/assets/styles/common/reset.scss @@ -0,0 +1,43 @@ +*, *::before, *::after { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +p, h1, h2, h3, h4, h5, h6 { + overflow-wrap: break-word; +} + +img, picture, video, canvas, svg, +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; + max-width: 100%; +} + +input, button, textarea, select { + font: inherit; +} + +ol, ul { + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} \ No newline at end of file diff --git a/assets/styles/layouts/single.scss b/assets/styles/layouts/single.scss index e69de29..5f9e4b9 100644 --- a/assets/styles/layouts/single.scss +++ b/assets/styles/layouts/single.scss @@ -0,0 +1,3 @@ +.content { + padding-top: 0; +} \ No newline at end of file diff --git a/assets/styles/print.scss b/assets/styles/print.scss index 646b637..75fe89c 100644 --- a/assets/styles/print.scss +++ b/assets/styles/print.scss @@ -1,3 +1,4 @@ +@import "common/reset"; @import "common/colors"; @import "common/base"; @import "common/content"; diff --git a/assets/styles/screen.scss b/assets/styles/screen.scss index e200522..687a291 100644 --- a/assets/styles/screen.scss +++ b/assets/styles/screen.scss @@ -1,3 +1,4 @@ +@import "common/reset"; @import "common/colors"; @import "common/base"; @import "common/content"; diff --git a/assets/styles/screen/links.scss b/assets/styles/screen/links.scss index 4bb6eee..d9da7bd 100644 --- a/assets/styles/screen/links.scss +++ b/assets/styles/screen/links.scss @@ -10,11 +10,8 @@ a:visited { color: var(--link-visited); } -*:focus { - border-radius: 2px; - text-decoration: none; - outline: 1px dashed var(--ui-text); - outline-offset: 4px; +a:focus { + } a:hover { diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 93c0783..cfcde35 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -20,7 +20,6 @@ src="{{ $script.Permalink }}" integrity="{{ $script.Data.Integrity }}"> - {{ partial "seo.html" . }} {{ partial "styles/external-links.html" . }} {{ block "head" . }}