diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-04 14:48:05 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-04 15:19:18 +0200 |
| commit | a46f8f9ffeb2c32ca21d58ce13bff189fec84cb0 (patch) | |
| tree | dba2229e68896c1a4e7d8784b606eaa3a625ce8f /src/components/atoms/images/logo.module.scss | |
| parent | 9b445e635e2694c0d6095a1a2613fc59314dc595 (diff) | |
chore: add a Logo component
Diffstat (limited to 'src/components/atoms/images/logo.module.scss')
| -rw-r--r-- | src/components/atoms/images/logo.module.scss | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/atoms/images/logo.module.scss b/src/components/atoms/images/logo.module.scss new file mode 100644 index 0000000..f802a4b --- /dev/null +++ b/src/components/atoms/images/logo.module.scss @@ -0,0 +1,28 @@ +@use "@styles/abstracts/functions" as fun; + +.wrapper { + width: var(--logo-size, fun.convert-px(100)); + height: var(--logo-size, fun.convert-px(100)); + max-width: 100%; + max-height: 100%; +} + +.bg-left { + fill: var(--color-primary-light); +} + +.bg-right { + fill: var(--color-primary-dark); +} + +.letter { + fill: var(--color-fg-inverted); + stroke: var(--color-primary-darker); + stroke-width: 5; +} + +.letter-shadow { + fill: var(--color-shadow-darker); + stroke: var(--color-shadow-darker); + stroke-width: 5; +} |