diff --git a/apps/website/src/style/_variables-css.scss b/apps/website/src/style/_variables-css.scss index aa98519..79e3641 100644 --- a/apps/website/src/style/_variables-css.scss +++ b/apps/website/src/style/_variables-css.scss @@ -3,7 +3,7 @@ --container-width: #{$container-width}; // Offsets - --switcher-offset: 16px; + --offset-sides: 16px; // Animation --ease-quart: cubic-bezier(.165, .84, .44, 1); @@ -12,6 +12,6 @@ @include bp (sm) { // Offsets - --switcher-offset: clamp(20px, 3vw, 40px); + --offset-sides: clamp(20px, 3vw, 40px); } } diff --git a/apps/website/src/style/molecules/_switcher.scss b/apps/website/src/style/molecules/_switcher.scss index 71f8a5a..ca9f074 100644 --- a/apps/website/src/style/molecules/_switcher.scss +++ b/apps/website/src/style/molecules/_switcher.scss @@ -3,8 +3,8 @@ $shadow-color: rgba(0, 0, 0, 0.05); position: fixed; z-index: 100; - bottom: var(--switcher-offset); - left: var(--switcher-offset); + bottom: var(--offset-sides); + left: var(--offset-sides); pointer-events: none; @include bp (md) {