diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-01 11:49:59 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-01 11:49:59 +0200 |
| commit | 3dba396791b37c4ae4dbdaf8e553ed636bc2ecc8 (patch) | |
| tree | 7a7e624164961fe27197b66b948e399133fc81e5 /src/components/atoms/icons/magnifying-glass.module.scss | |
| parent | 9b31e81c8d45eaf0dc6971655dc08b0d0a1cbe56 (diff) | |
chore: add a magnifying glass icon component
Diffstat (limited to 'src/components/atoms/icons/magnifying-glass.module.scss')
| -rw-r--r-- | src/components/atoms/icons/magnifying-glass.module.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/atoms/icons/magnifying-glass.module.scss b/src/components/atoms/icons/magnifying-glass.module.scss new file mode 100644 index 0000000..dca76fb --- /dev/null +++ b/src/components/atoms/icons/magnifying-glass.module.scss @@ -0,0 +1,30 @@ +@use "@styles/abstracts/functions" as fun; + +.icon { + display: block; + width: var(--icon-size, #{fun.convert-px(40)}); +} + +.big-handle { + fill: var(--color-primary-lighter); + stroke: var(--color-primary-darker); + stroke-width: 3; +} + +.glass { + fill: var(--color-bg-opacity); + stroke: var(--color-primary-darker); + stroke-width: 2; +} + +.upright { + fill: var(--color-primary-lighter); + stroke: var(--color-primary-darker); + stroke-width: 3; +} + +.small-handle { + fill: var(--color-primary); + stroke: var(--color-primary-darker); + stroke-width: 2; +} |