aboutsummaryrefslogtreecommitdiff
path: root/styles/globals.css
diff options
context:
space:
mode:
Diffstat (limited to 'styles/globals.css')
-rw-r--r--styles/globals.css50
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);
- }
-}
-