diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-03-31 22:53:16 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-03-31 22:55:41 +0200 |
| commit | 53677c794aafd55fc649cf7663f47cbeaeddc5d0 (patch) | |
| tree | 21b97b424af73e7a6b179224f534942464c09a75 /src/components/atoms/icons/arrow.module.scss | |
| parent | 4a79f0d5511d6a6732428687740f8190e000f1b9 (diff) | |
chore: add an Arrow icon component
Diffstat (limited to 'src/components/atoms/icons/arrow.module.scss')
| -rw-r--r-- | src/components/atoms/icons/arrow.module.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/components/atoms/icons/arrow.module.scss b/src/components/atoms/icons/arrow.module.scss new file mode 100644 index 0000000..76e6aea --- /dev/null +++ b/src/components/atoms/icons/arrow.module.scss @@ -0,0 +1,16 @@ +@use "@styles/abstracts/functions" as fun; + +.icon { + fill: var(--color-primary); + transition: all 0.25s ease-in-out 0s; + + &--left, + &--right { + width: var(--icon-size, #{fun.convert-px(30)}); + } + + &--bottom, + &--top { + height: var(--icon-size, #{fun.convert-px(30)}); + } +} |