From a7f7b0737702d36ab8f56531cdc2e3405cb776cb Mon Sep 17 00:00:00 2001 From: Equa <107852330+EquaTechnologies@users.noreply.github.com> Date: Fri, 13 Dec 2024 20:00:35 +0200 Subject: [PATCH] Update style.css button style --- style.css | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index 31655d5..5e9ab2a 100644 --- a/style.css +++ b/style.css @@ -367,8 +367,8 @@ input[type="text"]:focus { opacity: 1; } -/* Settings styles */ -.settings-button { +/* Settings styles (so sigma) */ + .settings-button { position: fixed; bottom: 2rem; right: 2rem; @@ -384,12 +384,17 @@ input[type="text"]:focus { font-size: 1.25rem; color: var(--text); box-shadow: 0 4px 24px var(--shadow); -} + transition: transform 0.4s ease; + } + + .settings-button:hover { + transform: rotate(180deg); + } + + .settings-button:active { + transform: rotate(360deg); + } -.settings-button:hover { - transform: translateY(-2px); - box-shadow: 0 8px 32px var(--shadow); -} .settings-panel { max-height: 80vh; @@ -989,4 +994,4 @@ input:checked + .toggle-slider:before { padding: 0 8px; color: var(--text); font-size: 0.9rem; -} \ No newline at end of file +}