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/RecentPosts/RecentPosts.module.scss | |
| parent | 395069f8cecd2deab2dfe1a2d7b97f379413e009 (diff) | |
refactor(styles): rename shadow and border variables
Diffstat (limited to 'src/components/Widgets/RecentPosts/RecentPosts.module.scss')
| -rw-r--r-- | src/components/Widgets/RecentPosts/RecentPosts.module.scss | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/components/Widgets/RecentPosts/RecentPosts.module.scss b/src/components/Widgets/RecentPosts/RecentPosts.module.scss index 95ad7fe..dc580a1 100644 --- a/src/components/Widgets/RecentPosts/RecentPosts.module.scss +++ b/src/components/Widgets/RecentPosts/RecentPosts.module.scss @@ -37,11 +37,11 @@ border: fun.convert-px(3) solid var(--color-primary); border-radius: fun.convert-px(5); 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(-2) - var(--color-shadow-light), + var(--color-shadow), fun.convert-px(3) fun.convert-px(4) fun.convert-px(5) fun.convert-px(-4) - var(--color-shadow-light); + var(--color-shadow); transition: all 0.3s ease-in-out 0s; &:hover, @@ -53,13 +53,13 @@ &:hover, &:focus { box-shadow: fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) - var(--color-shadow-lighter), + var(--color-shadow-light), fun.convert-px(1) fun.convert-px(2) fun.convert-px(2) fun.convert-px(-2) - var(--color-shadow-lighter), + var(--color-shadow-light), fun.convert-px(3) fun.convert-px(4) fun.convert-px(5) fun.convert-px(-4) - var(--color-shadow-lighter), + var(--color-shadow-light), fun.convert-px(7) fun.convert-px(10) fun.convert-px(12) fun.convert-px(-3) - var(--color-shadow-lighter); + var(--color-shadow-light); transform: scale(1.05); } @@ -70,7 +70,7 @@ } &:active { - box-shadow: 0 0 0 0 var(--color-shadow-light); + box-shadow: 0 0 0 0 var(--color-shadow); transform: scale(0.95); .title { @@ -83,7 +83,7 @@ width: 100%; height: clamp(fun.convert-px(100), 20vw, fun.convert-px(150)); position: relative; - border: fun.convert-px(1) solid var(--color-border-light); + border: fun.convert-px(1) solid var(--color-border); } .meta { |