From 2231a80881fecf08d90164d58b994cab23899b2c Mon Sep 17 00:00:00 2001 From: Mike Iden Date: Wed, 30 Oct 2024 12:45:50 -0400 Subject: [PATCH] feat(switch): fix transition timing --- .../pharos/src/components/switch/pharos-switch.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/pharos/src/components/switch/pharos-switch.scss b/packages/pharos/src/components/switch/pharos-switch.scss index 49214c8f..0efc213f 100644 --- a/packages/pharos/src/components/switch/pharos-switch.scss +++ b/packages/pharos/src/components/switch/pharos-switch.scss @@ -19,9 +19,9 @@ border-radius: 2rem; background-color: var(--pharos-color-marble-gray-94); transition: - background-color 0.3s ease-out, - border-color 0.3s ease-out, - box-shadow 0.3s ease-out; + background-color var(--pharos-transition-duration-default) ease-out, + border-color var(--pharos-transition-duration-default) ease-out, + box-shadow var(--pharos-transition-duration-default) ease-out; position: relative; &:hover { @@ -36,7 +36,7 @@ width: 1rem; background-color: var(--pharos-color-marble-gray-30); left: 9px; - transition: 0.3s ease-out; + transition: var(--pharos-transition-duration-default) ease-out; border-radius: 50%; } @@ -46,7 +46,7 @@ content: 'OFF'; position: absolute; right: 9px; - transition: color 0.3s ease-out; + transition: color var(--pharos-transition-duration-default) ease-out; font-size: var(--pharos-font-size-small); }