cloudsmith-docs/src/components/Table/Table.module.css at 753848cd2db944b63965a0ae257755a5f981983a · cloudsmith-io/cloudsmith-docs · 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
59
60
61
62
63
64
65
66
67
68
.container {
  width: 100%;
  overflow-x: auto;
}

.root {
  width: 100%;
  margin-block: var(--space-m);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-m);
  border-spacing: 0;
  min-width: 0;
}

.root td:first-child,
.root th:first-child {
  padding-left: var(--space-m);
}

.root td:last-child,
.root th:last-child {
  padding-right: var(--space-m);
}

/* Header */

.root th:first-child {
  border-top-left-radius: var(--border-radius-m);
}

.root th:last-child {
  border-top-right-radius: var(--border-radius-m);
}

.root th {
  padding: var(--space-xs);
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border);
  font-family: var(--font-family-mono);
  font-size: var(--text-body-2xs);
  letter-spacing: var(--letter-spacing-positive-6xl);
  color: var(--brand-color-grey-7);
  text-transform: uppercase;
}

/* Body */

.root td {
  padding: var(--space-xs);
  border-bottom: 1px solid var(--color-border);
  font-size: var(--text-body-xs);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.root td :global(code) {
  display: inline;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.root tbody tr:first-child td {
  padding-block-start: var(--space-s);
}

.root tbody tr:last-child td {
  padding-block-end: var(--space-s);
}