diff options
| author | Kyle Gunger <kgunger12@gmail.com> | 2022-01-10 22:57:31 -0500 |
|---|---|---|
| committer | Kyle Gunger <kgunger12@gmail.com> | 2022-01-10 22:57:31 -0500 |
| commit | 641e13bd81d670b8016194fc88525c4e4a1cb5c4 (patch) | |
| tree | ed70a6df6b31a46b520467b6707e13e852c52325 /styles | |
| parent | 4de8d5e0177a0db4906bb7a7c70dac9469ecd0f3 (diff) | |
Update button
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/style.css | 26 |
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); +} |