diff --git a/sass/_post-nav.scss b/sass/_post-nav.scss index cba5c12..f924ba0 100644 --- a/sass/_post-nav.scss +++ b/sass/_post-nav.scss @@ -18,11 +18,7 @@ &:hover { box-shadow: var(--edge-highlight); - background-color: var(--accent-color-alpha); - - .post-title { - color: var(--accent-color); - } + background-color: var(--fg-muted-1); } &:active { diff --git a/sass/_typography.scss b/sass/_typography.scss index e603b2c..f7b74f9 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -176,19 +176,15 @@ a { } hr { - margin: 2rem auto; + margin: 4rem auto; border: none; - border-block-start: 0.1875rem double var(--fg-muted-2); + border-radius: 999px; overflow: visible; text-align: center; - - &::after { - position: relative; - inset-block-start: -1.25rem; - content: "❦"; - color: var(--fg-muted-4); - font-size: var(--font-size-x-large); - } + box-shadow: var(--edge-highlight); + background-color: var(--fg-muted-2); + width: 30%; + height: 0.3rem; } dt { diff --git a/sass/mods/_modern-hr.scss b/sass/mods/_modern-hr.scss deleted file mode 100644 index 152757f..0000000 --- a/sass/mods/_modern-hr.scss +++ /dev/null @@ -1,12 +0,0 @@ -hr { - box-shadow: var(--edge-highlight); - border: none; - border-radius: 999px; - background-color: var(--fg-muted-2); - width: 50%; - height: 0.25rem; - - &::after { - display: none; - } -}