summaryrefslogtreecommitdiff
path: root/styles/style.css
diff options
context:
space:
mode:
authorKyle Gunger <kgunger12@gmail.com>2022-01-10 22:57:31 -0500
committerKyle Gunger <kgunger12@gmail.com>2022-01-10 22:57:31 -0500
commit641e13bd81d670b8016194fc88525c4e4a1cb5c4 (patch)
treeed70a6df6b31a46b520467b6707e13e852c52325 /styles/style.css
parent4de8d5e0177a0db4906bb7a7c70dac9469ecd0f3 (diff)
Update button
Diffstat (limited to 'styles/style.css')
-rw-r--r--styles/style.css26
1 files changed, 24 insertions, 2 deletions
diff --git a/styles/style.css b/styles/style.css
index e778134..b1e4de3 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -2,6 +2,7 @@
font-family: "Roboto", sans-serif;
background-color: var(--main-bg);
color: var(--main-color);
+ transition-duration: 0.2s;
}
h1::after {
@@ -22,11 +23,11 @@ a {
}
a:hover {
- color: var(--link-color);
+ color: var(--link-color-hover);
}
a:active {
- color: var(--link-color);
+ color: var(--link-color-active);
}
span.end {
@@ -45,3 +46,24 @@ span.end::before {
content: '';
}
+
+button#light-dark {
+ position: sticky;
+ bottom: 10px;
+ right:10px;
+ font-size: 16px;
+ background-color: var(--link-color);
+ padding: 5px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ transition-duration: 0.2s;
+}
+
+button#light-dark:hover {
+ background-color: var(--link-color-hover);
+}
+
+button#light-dark:active {
+ background-color: var(--link-color-active);
+}