aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/flipping-label.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-22 19:34:01 +0200
committerArmand Philippot <git@armandphilippot.com>2023-10-24 12:23:48 +0200
commita6ff5eee45215effb3344cb5d631a27a7c0369aa (patch)
tree5051747acf72318b4fc5c18d603e3757fbefdfdb /src/components/molecules/forms/flipping-label.module.scss
parent651ea4fc992e77d2f36b3c68f8e7a70644246067 (diff)
refactor(components): rewrite form components
Diffstat (limited to 'src/components/molecules/forms/flipping-label.module.scss')
-rw-r--r--src/components/molecules/forms/flipping-label.module.scss63
1 files changed, 0 insertions, 63 deletions
diff --git a/src/components/molecules/forms/flipping-label.module.scss b/src/components/molecules/forms/flipping-label.module.scss
deleted file mode 100644
index b0452fe..0000000
--- a/src/components/molecules/forms/flipping-label.module.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-@use "../../../styles/abstracts/functions" as fun;
-
-.label {
- display: block;
- width: var(--btn-size, #{fun.convert-px(60)});
- height: var(--btn-size, #{fun.convert-px(60)});
-}
-
-.front,
-.back {
- display: flex;
- place-content: center;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- right: 0;
- backface-visibility: hidden;
- transition: all 0.6s ease-in 0s;
-}
-
-.front {
- z-index: 20;
-}
-
-.back {
- z-index: 10;
-}
-
-.wrapper {
- --icon-size: 60%;
-
- display: flex;
- place-content: center;
- place-items: center;
- width: 100%;
- height: 100%;
- position: relative;
- transition: all 0.5s ease-in-out 0s;
- transform-style: preserve-3d;
-
- &--active {
- transform: rotateY(180deg);
-
- .front {
- transform: scale(0.2);
- }
-
- .back {
- transform: scale(1) rotateY(180deg);
- }
- }
-
- &--inactive {
- .front {
- transform: scale(1);
- }
-
- .back {
- transform: scale(0.2) rotateY(180deg);
- }
- }
-}