fast-grid-layout/src/fast-grid-layout.scss at main · morris/fast-grid-layout · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
:root {
  --fast-grid-layout-outline: 3px solid rgba(30, 120, 255, 0.55);
}

.fast-grid-layout {
  position: relative;
  transition: height 0.18s ease-out;
  -webkit-touch-callout: none;
  touch-action: manipulation;

  > .item {
    position: absolute;
    transition:
      width 0.18s ease,
      height 0.18s ease,
      transform 0.18s ease,
      outline 0.1s ease-out;

    &.-selected {
      outline: var(--fast-grid-layout-outline);
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
      touch-action: none;
    }

    img {
      user-select: none;
    }

    .content {
      cursor: auto;
    }
  }

  &.-editable > .item.-dynamic {
    cursor: pointer;
  }

  &.-moving,
  &.-resizing {
    > .item {
      will-change: width, height, transform;
    }

    > .item.-selected {
      opacity: 0.67;
    }
  }
}

._hide-selection *::selection {
  all: inherit;
}

._force-cursor * {
  cursor: var(--force-cursor) !important;
}