From 3272ac336da52364ace5ed76d8f609d4088ffc06 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 28 Sep 2023 18:19:00 +0200 Subject: refactor(components): make Logo component ESlint compliant I also renamed the title prop to heading because title already exists as HTML attribute. --- src/components/atoms/images/logo/logo.module.scss | 28 +++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/components/atoms/images/logo/logo.module.scss (limited to 'src/components/atoms/images/logo/logo.module.scss') diff --git a/src/components/atoms/images/logo/logo.module.scss b/src/components/atoms/images/logo/logo.module.scss new file mode 100644 index 0000000..bd4ee90 --- /dev/null +++ b/src/components/atoms/images/logo/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; +} -- cgit v1.2.3