src/components/molecules/forms/flipping-label/flipping-label.module.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

@use "../../../../styles/abstracts/functions" as fun;

.wrapper {
  --size: var(--btn-size, #{fun.convert-px(60)});
  --flipper-speed: 0.5s;

  width: var(--size);
  height: var(--size);
}

.wrapper,
.front,
.back {
  display: flex;
  place-content: center;
  place-items: center;
}