From 90ffd597a35891f71665ee442b90e99d6e579118 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sun, 16 Jan 2022 18:23:20 +0100 Subject: refactor(styles): rename shadow and border variables --- src/components/ThemeToggle/ThemeToggle.module.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'src/components/ThemeToggle/ThemeToggle.module.scss') diff --git a/src/components/ThemeToggle/ThemeToggle.module.scss b/src/components/ThemeToggle/ThemeToggle.module.scss index 36c91f7..74fb542 100644 --- a/src/components/ThemeToggle/ThemeToggle.module.scss +++ b/src/components/ThemeToggle/ThemeToggle.module.scss @@ -18,10 +18,10 @@ align-items: center; width: var(--toggle-width); height: var(--toggle-height); - background: var(--color-shadow-lighter); + background: var(--color-shadow-light); border: fun.convert-px(1) solid var(--color-primary); border-radius: fun.convert-px(32); - box-shadow: inset 0 0 2px 0 var(--color-shadow); + box-shadow: inset 0 0 fun.convert-px(3) 0 var(--color-shadow-dark); margin: 0 var(--spacing-2xs); position: relative; @@ -34,8 +34,8 @@ border: fun.convert-px(1) solid var(--color-primary); border-radius: 50%; box-shadow: inset 0 0 fun.convert-px(1) fun.convert-px(1) - var(--color-shadow-light), - 0 0 fun.convert-px(2) fun.convert-px(1) var(--color-shadow-lighter); + var(--color-shadow), + 0 0 fun.convert-px(2) fun.convert-px(1) var(--color-shadow-light); position: absolute; left: fun.convert-px(-2); transition: all 0.3s ease-in-out 0s; -- cgit v1.2.3