refactor(components): make Logo component ESlint compliant

I also renamed the title prop to heading because title already exists
as HTML attribute.

1 files changed, 28 insertions, 0 deletions

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;
+}