enable-a11y/css/sortable-tables.css at f9d5f995e4180da60c508dbaba462710e7e14f80 · PublicisSapient/enable-a11y · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
.deque-table-sortable__group caption {
  margin-bottom: 15px;
}
.deque-table-sortable__group table {
  border-collapse: collapse;
  border-spacing: 0;
  overflow: visible;
  width: 100%;
}
.deque-table-sortable__group table.deque-table-sortable {
  margin-top: 8px;
}
.deque-table-sortable__group table thead {
  border-bottom: 1px solid #e3e3e3;
}
.deque-table-sortable__group table thead th {
  position: relative;
}
.deque-table-sortable__group table thead th:last-child {
  border-right: none;
}
.deque-table-sortable__group table thead th .sortableColumnLabel {
  display: inline-block;
  height: 100%;
  width: calc(100% - 2px);
  cursor: pointer;
  padding: 0 0 0 1.5625rem;
  text-align: left;
}
.deque-table-sortable__group table thead th .sortableColumnLabel:hover {
  outline: 1px dashed #767676;
}
.deque-table-sortable__group table thead th button {
  color: white;
  background: transparent;
  border: 0;
  padding-left: 0;
  font-size: inherit;
  font-weight: inherit;
}
.enable__is-dark-mode .deque-table-sortable__group table thead th button {
  color: #121212;
}
.deque-table-sortable__group table thead th button {
  margin: -25px 0;
  padding: 25px 0;
}
.deque-table-sortable__group table thead th button:hover {
  margin: 0;
}
.deque-table-sortable__group table thead th button:focus {
  margin: 0;
  z-index: 1;
}
.deque-table-sortable__group table thead th button:active {
  color: #000000;
  outline: 1px solid transparent;
  margin: 0;
}
.deque-table-sortable__group table thead th[colspan]:not([colspan="1"]) {
  text-align: center;
}
.deque-table-sortable__group table thead th .sortableColumnLabel:after {
  /* This is the up and down arrow SVG. */
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 41 57' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle /%3E%3Cdesc /%3E%3Cdefs /%3E%3Cg fill='none' fill-rule='evenodd' id='Icons' stroke='none' stroke-width='1'%3E%3Cg fill='%23fff' stroke='%23000' id='XXX-Artboard-1' transform='translate(-1239.000000, -138.000000)'%3E%3Cg id='Double-Arrows' transform='translate(1239.000000, 138.150000)'%3E%3Cpath d='M10.5623119,31.5480425 C9.30468998,32.6283056 8.28518598,32.1695935 8.28518598,30.5136396 L8.28518598,-6.51787882 C8.28518598,-8.16942688 9.29767763,-8.63856827 10.5623119,-7.55228175 L31.0451159,10.041891 C32.3027378,11.1221541 32.3097502,12.8675832 31.0451159,13.9538698 L10.5623119,31.5480425 Z' id='Triangle-1' transform='translate(20.138075, 11.997111) rotate(-90.000000) translate(-20.138075, -11.997111) ' /%3E%3Cpath d='M10.5623119,63.8182709 C9.30468998,64.898534 8.28518598,64.4398218 8.28518598,62.7838679 L8.28518598,25.7523495 C8.28518598,24.1008014 9.29767763,23.6316601 10.5623119,24.7179466 L31.0451159,42.3121194 C32.3027378,43.3923825 32.3097502,45.1378116 31.0451159,46.2240981 L10.5623119,63.8182709 Z' id='Triangle-1' transform='translate(20.138075, 44.267339) scale(1, -1) rotate(-90.000000) translate(-20.138075, -44.267339) ' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  height: 1.0625rem;
  width: 0.76425439rem;
  position: absolute;
  left: 6px;
  top: calc(50% - 1.0625rem / 2);
  filter: invert(90%);
}
.deque-table-sortable__group table thead th[aria-sort] .sortableColumnLabel:after {
  /* This is the down arrow SVG. */
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 41 57' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle /%3E%3Cdesc /%3E%3Cdefs /%3E%3Cg fill='none' fill-rule='evenodd' id='Icons' stroke='none' stroke-width='1'%3E%3Cg fill='%23fff' stroke='%23000' id='XXX-Artboard-1' transform='translate(-1239.000000, -138.000000)'%3E%3Cg id='Double-Arrows' transform='translate(1239.000000, 138.150000)'%3E%3Cpath d='M10.5623119,63.8182709 C9.30468998,64.898534 8.28518598,64.4398218 8.28518598,62.7838679 L8.28518598,25.7523495 C8.28518598,24.1008014 9.29767763,23.6316601 10.5623119,24.7179466 L31.0451159,42.3121194 C32.3027378,43.3923825 32.3097502,45.1378116 31.0451159,46.2240981 L10.5623119,63.8182709 Z' id='Triangle-1' transform='translate(20.138075, 44.267339) scale(1, -1) rotate(-90.000000) translate(-20.138075, -44.267339) ' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.deque-table-sortable__group table thead th[aria-sort="descending"] .sortableColumnLabel:after {
  transform: scaleY(-1) translateY(-0.3125rem);
}
.deque-table-sortable__group table thead:before {
  content: "";
  display: block;
  width: 7px;
}
.deque-table-sortable__group table thead td,
.deque-table-sortable__group table thead th {
  padding: 0;
  height: 41px;
  text-align: left;
  vertical-align: middle;
}
.deque-table-sortable__group table tbody td th {
  text-align: left;
  padding: 7px;
  border-right: 1px solid #cccccc;
}
.deque-table-sortable__group table tbody td:last-child,
.deque-table-sortable__group table tbody th:last-child {
  border-right: none;
}
/*# sourceMappingURL=sortable-tables.css.map */