diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-16 18:23:20 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-16 18:23:20 +0100 |
| commit | 90ffd597a35891f71665ee442b90e99d6e579118 (patch) | |
| tree | 9da836da4d0334b7eb46a68a665b44f10607c8b1 /src/components/ThemeToggle | |
| parent | 395069f8cecd2deab2dfe1a2d7b97f379413e009 (diff) | |
refactor(styles): rename shadow and border variables
Diffstat (limited to 'src/components/ThemeToggle')
| -rw-r--r-- | src/components/ThemeToggle/ThemeToggle.module.scss | 8 |
1 files changed, 4 insertions, 4 deletions
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; |