fast-grid-layout/docs/css/fast-grid-layout.css 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
: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;
}
.fast-grid-layout > .item {
  position: absolute;
  transition: width 0.18s ease, height 0.18s ease, transform 0.18s ease, outline 0.1s ease-out;
}
.fast-grid-layout > .item.-selected {
  outline: var(--fast-grid-layout-outline);
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}
.fast-grid-layout > .item img {
  user-select: none;
}
.fast-grid-layout > .item .content {
  cursor: auto;
}
.fast-grid-layout.-editable > .item.-dynamic {
  cursor: pointer;
}
.fast-grid-layout.-moving > .item, .fast-grid-layout.-resizing > .item {
  will-change: width, height, transform;
}
.fast-grid-layout.-moving > .item.-selected, .fast-grid-layout.-resizing > .item.-selected {
  opacity: 0.67;
}

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

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