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/Widgets/SocialMedia | |
| parent | 395069f8cecd2deab2dfe1a2d7b97f379413e009 (diff) | |
refactor(styles): rename shadow and border variables
Diffstat (limited to 'src/components/Widgets/SocialMedia')
| -rw-r--r-- | src/components/Widgets/SocialMedia/SocialMedia.module.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/Widgets/SocialMedia/SocialMedia.module.scss b/src/components/Widgets/SocialMedia/SocialMedia.module.scss index c8ad759..5dfdcb7 100644 --- a/src/components/Widgets/SocialMedia/SocialMedia.module.scss +++ b/src/components/Widgets/SocialMedia/SocialMedia.module.scss @@ -15,24 +15,24 @@ height: 3em; background: none; box-shadow: fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) - var(--color-shadow-light), + var(--color-shadow), fun.convert-px(1) fun.convert-px(2) fun.convert-px(2) fun.convert-px(-1) - var(--color-shadow-light), + var(--color-shadow), fun.convert-px(3) fun.convert-px(4) fun.convert-px(4) fun.convert-px(-3) - var(--color-shadow-light), + var(--color-shadow), 0 0 0 0 var(--color-shadow); transition: all 0.3s linear 0s; &:hover, &:focus { box-shadow: fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) - var(--color-shadow-light), + var(--color-shadow), fun.convert-px(1) fun.convert-px(1) fun.convert-px(2) fun.convert-px(-1) - var(--color-shadow-lighter), + var(--color-shadow-light), fun.convert-px(3) fun.convert-px(3) fun.convert-px(4) fun.convert-px(-4) - var(--color-shadow-lighter), + var(--color-shadow-light), fun.convert-px(6) fun.convert-px(6) fun.convert-px(10) fun.convert-px(-3) - var(--color-shadow-light); + var(--color-shadow); transform: scale(1.15); } @@ -41,7 +41,7 @@ } &:active { - box-shadow: 0 0 0 0 var(--color-shadow-light); + box-shadow: 0 0 0 0 var(--color-shadow); outline: none; transform: scale(0.9); } |