diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-15 23:08:25 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-15 23:28:24 +0100 |
| commit | 6f46e54e382bf3f535f27ebead18c2bdf4628e49 (patch) | |
| tree | 3285800f7c08afe25ebcf985bd5f643bdf7fc603 /src/components/CommentForm/CommentForm.module.scss | |
| parent | 4d0b13d22be1297c91316d5e52c8fb30ded5c7dd (diff) | |
chore(comments): handle comment reply
Diffstat (limited to 'src/components/CommentForm/CommentForm.module.scss')
| -rw-r--r-- | src/components/CommentForm/CommentForm.module.scss | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/components/CommentForm/CommentForm.module.scss b/src/components/CommentForm/CommentForm.module.scss index 2330ca2..922923a 100644 --- a/src/components/CommentForm/CommentForm.module.scss +++ b/src/components/CommentForm/CommentForm.module.scss @@ -3,6 +3,19 @@ .wrapper { width: min(calc(100vw - (var(--spacing-md) * 2)), fun.convert-px(500)); margin: auto; + + &--reply { + width: 100%; + margin-top: var(--spacing-sm); + padding: var(--spacing-md); + position: relative; + 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), + fun.convert-px(4) fun.convert-px(4) fun.convert-px(3) fun.convert-px(-2) + var(--color-shadow-light); + } } .title { |