From 78e33e456c68834f01f2e8180238f8c4f54a903f Mon Sep 17 00:00:00 2001 From: Roman Timashev Date: Thu, 13 Oct 2022 13:47:45 +0600 Subject: [PATCH] add HudozkaLogo component --- src/assets/hudozka-logo.png | Bin 0 -> 11312 bytes src/components/HudozkaLogo/index.tsx | 19 +++++++++++++ src/components/HudozkaLogo/logo.module.css | 31 +++++++++++++++++++++ 3 files changed, 50 insertions(+) create mode 100644 src/assets/hudozka-logo.png create mode 100644 src/components/HudozkaLogo/index.tsx create mode 100644 src/components/HudozkaLogo/logo.module.css diff --git a/src/assets/hudozka-logo.png b/src/assets/hudozka-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..ca9e6a3bc4aceb472b26c8b2cea65fd399362ae3 GIT binary patch literal 11312 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 = ({ dark }) => ( +
+ {"Hudozka"} +
+) diff --git a/src/components/HudozkaLogo/logo.module.css b/src/components/HudozkaLogo/logo.module.css new file mode 100644 index 00000000..4bda5ec5 --- /dev/null +++ b/src/components/HudozkaLogo/logo.module.css @@ -0,0 +1,31 @@ +.container { + display: flex; + align-items: center; + justify-content: center; + + width: var(--size-l); + height: var(--size-l); + + border-radius: var(--radius-small); +} + +.dark { + background-color: #f9ea12; + + --shadow-color: 60deg 100% 29%; + --shadow-elevation-high: + 0px 0.1px 0.1px hsl(var(--shadow-color) / 0.34), + 0px 0.4px 0.5px -0.4px hsl(var(--shadow-color) / 0.34), + 0px 0.8px 0.9px -0.7px hsl(var(--shadow-color) / 0.34), + 0px 1.3px 1.5px -1.1px hsl(var(--shadow-color) / 0.34), + 0px 2.1px 2.4px -1.4px hsl(var(--shadow-color) / 0.34), + 0px 3.3px 3.7px -1.8px hsl(var(--shadow-color) / 0.34), + -0.1px 5.1px 5.7px -2.1px hsl(var(--shadow-color) / 0.34), + -0.1px 7.5px 8.4px -2.5px hsl(var(--shadow-color) / 0.34); + + box-shadow: var(--shadow-elevation-high); +} + +.dark img { + filter: invert(0%); +}