diff options
Diffstat (limited to 'styles/globals.css')
-rw-r--r-- | styles/globals.css | 50 |
1 files changed, 9 insertions, 41 deletions
diff --git a/styles/globals.css b/styles/globals.css index a1a58c5..5ccd71f 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -5,33 +5,11 @@ html, body { background-color: var(--bg); color: var(--fg); - font-family: "Inter", sans-serif; hyphens: auto; } -code { font-family: "JetBrainsMono", monospace; } - -::selection { - background-color: var(--fire-opal); -} - -h1, h2, h3 { - font-weight: 700; - margin: 0; -} - -h1 { font-size: 64px; } -h2 { font-size: 48px; } -h3 { font-size: 32px; } - -.subtile { - font-style: italic; - opacity: .75; - color: var(--heliotrope-gray); -} - .contentWrapper a { - color: var(--fire-opal); + color: var(--links); text-decoration: none; position: relative; display: inline-block; @@ -41,10 +19,16 @@ h3 { font-size: 32px; } content: ''; position: absolute; left: 0; - right: 0; bottom: 0; height: 1px; - background-color: var(--fire-opal); + width: 0%; + transition: width; + transition-duration: 150ms; + background-color: var(--links); +} + +.contentWrapper a:hover::after { + width: 100%; } ::-webkit-scrollbar { @@ -52,30 +36,14 @@ h3 { font-size: 32px; } height: 12px; } -::-webkit-scrollbar-track { - background-color: var(--bg); -} - ::-webkit-scrollbar-thumb { - background-color: var(--purple-navy); border-radius: 6px; border: 4px solid var(--bg); } -::-webkit-scrollbar-thumb:hover { - background-color: var(--fg); -} - :focus { outline: none; } li { margin-bottom: 6px; } -@media (prefers-color-scheme: light) { - .subtile { - opacity: .6; - color: var(--fg); - } -} - |