From 641e13bd81d670b8016194fc88525c4e4a1cb5c4 Mon Sep 17 00:00:00 2001 From: Kyle Gunger Date: Mon, 10 Jan 2022 22:57:31 -0500 Subject: Update button --- styles/style.css | 26 ++++++++++++++++++++++++-- 1 file 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); +} -- cgit v1.2.3