web/src/components/grid/index.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
27
28
29
30
31
32
33
34

ntv-grid {
  display: block;
  position: relative;

  --grid-bg-fill: var(--color-neutral-900);
  --grid-border-stroke: var(--color-neutral-700);
  --grid-cell-stroke: var(--color-neutral-800);
  --grid-active-cell-stroke: var(--color-green-400);
  --grid-selection-range-fill: color-mix(
    in oklab,
    var(--color-green-400) 10%,
    transparent
  );
  --grid-selection-range-stroke: var(--color-green-400);
  font-size: 14px;
}

ntv-grid > canvas {
  display: block;
}

ntv-grid input[data-edit-cell] {
  position: absolute;
  vertical-align: baseline;
  background: var(--color-neutral-800);
  padding-right: 1px;
  padding-bottom: 1px;
  color: white;
  text-align: center;
}

ntv-grid input[data-edit-cell]:focus-visible {
  outline: none;
}