diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-09 14:33:29 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | f11a906420975e833f278a08470d8f9783c76f73 (patch) | |
| tree | cd98eb0c73e07d08fbbe3006a2f7d5a34b0464b3 /src/components/molecules/images/flipping-logo/flipping-logo.module.scss | |
| parent | d75b9a1e150ab211c1052fb49bede9bd16320aca (diff) | |
refactor(components): extract FlippingLogo from Branding component
Diffstat (limited to 'src/components/molecules/images/flipping-logo/flipping-logo.module.scss')
| -rw-r--r-- | src/components/molecules/images/flipping-logo/flipping-logo.module.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/components/molecules/images/flipping-logo/flipping-logo.module.scss b/src/components/molecules/images/flipping-logo/flipping-logo.module.scss new file mode 100644 index 0000000..d93b6e9 --- /dev/null +++ b/src/components/molecules/images/flipping-logo/flipping-logo.module.scss @@ -0,0 +1,24 @@ +@use "../../../../styles/abstracts/functions" as fun; + +.wrapper { + border-radius: 50%; + width: fit-content; +} + +.side { + width: var(--logo-size, fun.convert-px(100)); + height: var(--logo-size, fun.convert-px(100)); + border: fun.convert-px(2) solid var(--color-primary-dark); + border-radius: 50%; + box-shadow: + fun.convert-px(1) fun.convert-px(2) fun.convert-px(1) 0 + var(--color-shadow-light), + fun.convert-px(2) fun.convert-px(3) fun.convert-px(3) 0 + var(--color-shadow-light); + + > * { + padding: fun.convert-px(2); + background: var(--color-bg); + border-radius: 50%; + } +} |