aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Comment
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-16 18:23:20 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-16 18:23:20 +0100
commit90ffd597a35891f71665ee442b90e99d6e579118 (patch)
tree9da836da4d0334b7eb46a68a665b44f10607c8b1 /src/components/Comment
parent395069f8cecd2deab2dfe1a2d7b97f379413e009 (diff)
refactor(styles): rename shadow and border variables
Diffstat (limited to 'src/components/Comment')
-rw-r--r--src/components/Comment/Comment.module.scss12
1 files changed, 5 insertions, 7 deletions
diff --git a/src/components/Comment/Comment.module.scss b/src/components/Comment/Comment.module.scss
index a952f66..dd52db2 100644
--- a/src/components/Comment/Comment.module.scss
+++ b/src/components/Comment/Comment.module.scss
@@ -7,11 +7,10 @@
.wrapper {
background: var(--color-bg);
- border: fun.convert-px(1) solid var(--color-border-light);
- box-shadow: fun.convert-px(3) fun.convert-px(3) 0 0
- var(--color-shadow-lighter),
+ border: fun.convert-px(1) solid var(--color-border);
+ box-shadow: fun.convert-px(3) fun.convert-px(3) 0 0 var(--color-shadow-light),
fun.convert-px(4) fun.convert-px(4) fun.convert-px(3) fun.convert-px(-2)
- var(--color-shadow-light);
+ var(--color-shadow);
padding: var(--spacing-md);
position: relative;
@@ -42,9 +41,8 @@
height: fun.convert-px(85);
margin: 0 auto;
border-radius: fun.convert-px(3);
- box-shadow: 0 0 0 fun.convert-px(1) var(--color-shadow-lighter),
- fun.convert-px(2) fun.convert-px(2) 0 fun.convert-px(1)
- var(--color-shadow-light);
+ box-shadow: 0 0 0 fun.convert-px(1) var(--color-shadow-light),
+ fun.convert-px(2) fun.convert-px(2) 0 fun.convert-px(1) var(--color-shadow);
position: relative;
img {