src/components/demo/demo.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

@import "../../globals.css";

:root {
  --offset: calc(50% - (var(--roundBtnDim) / 2));
}

.demo {
  width: 90%;
  position: relative;
  composes: flexCenter;
}

.screenshot {
  width: 100%;
  max-width: 1200px;
}

.btn {
  background: var(--green);
  position: absolute;
  left: offset;
  top: offset;
  &:hover{
    transform: scale(1.5);
  }
}