diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-22 12:36:40 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-22 14:32:31 +0100 |
| commit | 139b3a252c9f90de603be1a98e3186b359353541 (patch) | |
| tree | c020013b3aec522ae378b9e57ec1326a5a829d38 /src/components/Icons/Home/Home.module.scss | |
| parent | 6917a572011489aafe62c9d2479615cb2928094f (diff) | |
chore: replace svg imports with components
It allows me to control the colors of each SVG paths.
Diffstat (limited to 'src/components/Icons/Home/Home.module.scss')
| -rw-r--r-- | src/components/Icons/Home/Home.module.scss | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/components/Icons/Home/Home.module.scss b/src/components/Icons/Home/Home.module.scss new file mode 100644 index 0000000..2e1df3a --- /dev/null +++ b/src/components/Icons/Home/Home.module.scss @@ -0,0 +1,42 @@ +@use "@styles/abstracts/functions" as fun; + +.icon { + display: block; + margin: auto; + width: var(--icon-size, #{fun.convert-px(40)}); +} + +.wall { + fill: var(--color-bg); + stroke: var(--color-border); + stroke-width: 4; +} + +.indoor { + fill: var(--color-shadow); + stroke: var(--color-border); + stroke-width: 4; +} + +.door { + fill: var(--color-primary-lighter); + stroke: var(--color-border); + stroke-width: 4; +} + +.roof { + fill: var(--color-primary-lighter); + stroke: var(--color-border); + stroke-width: 4; +} + +.chimney { + fill: var(--color-bg); + stroke: var(--color-border); + stroke-width: 4; +} + +.lines { + fill: var(--color-border); + stroke-width: 4; +} |