diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-07 19:16:46 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-07 19:37:30 +0100 |
| commit | 1007c6689e7b549f48013d2c29eac9c78f13dfb7 (patch) | |
| tree | 832970f5e4443249f561d547e2c6864704712577 /src/components/Form | |
| parent | 9a85c175bf59b7a360f09da23a3ac83293838570 (diff) | |
chore: improve search box and add button interactions on hover/focus
Diffstat (limited to 'src/components/Form')
| -rw-r--r-- | src/components/Form/Form.module.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/src/components/Form/Form.module.scss b/src/components/Form/Form.module.scss index fcf8d15..577c3c8 100644 --- a/src/components/Form/Form.module.scss +++ b/src/components/Form/Form.module.scss @@ -54,3 +54,17 @@ .required { color: var(--color-secondary); } + +.wrapper--search { + > input { + padding-right: calc(var(--btn-size) + var(--spacing-2xs)); + + &:hover ~ button { + transform: translate(fun.convert-px(-3), fun.convert-px(-3)); + } + + &:focus ~ button { + transform: translate(fun.convert-px(3), fun.convert-px(3)); + } + } +} |