Skip to content

Commit 61d78bb

Browse files
tofsjonastofsjonas
committed
fix gh-pages
1 parent a49121e commit 61d78bb

File tree

6 files changed

+223
-220
lines changed

6 files changed

+223
-220
lines changed

‎demo/index.html

Lines changed: 0 additions & 214 deletions
This file was deleted.

‎docs/example.css

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
@charset "UTF-8";
2+
.sortable thead th:not(.no-sort) {
3+
cursor: pointer;
4+
}
5+
.sortable thead th:not(.no-sort)::after, .sortable thead th:not(.no-sort)::before {
6+
transition: color 0.1s ease-in-out;
7+
font-size: 1.2em;
8+
color: transparent;
9+
}
10+
.sortable thead th:not(.no-sort)::after {
11+
margin-left: 3px;
12+
content: "▸";
13+
}
14+
.sortable thead th:not(.no-sort):hover::after {
15+
color: inherit;
16+
}
17+
.sortable thead th:not(.no-sort)[aria-sort=descending]::after {
18+
color: inherit;
19+
content: "▾";
20+
}
21+
.sortable thead th:not(.no-sort)[aria-sort=ascending]::after {
22+
color: inherit;
23+
content: "▴";
24+
}
25+
.sortable thead th:not(.no-sort).indicator-left::after {
26+
content: "";
27+
}
28+
.sortable thead th:not(.no-sort).indicator-left::before {
29+
margin-right: 3px;
30+
content: "▸";
31+
}
32+
.sortable thead th:not(.no-sort).indicator-left:hover::before {
33+
color: inherit;
34+
}
35+
.sortable thead th:not(.no-sort).indicator-left[aria-sort=descending]::before {
36+
color: inherit;
37+
content: "▾";
38+
}
39+
.sortable thead th:not(.no-sort).indicator-left[aria-sort=ascending]::before {
40+
color: inherit;
41+
content: "▴";
42+
}
43+
44+
.sortable {
45+
--stripe-color: #e4e4e4;
46+
--th-color: #fff;
47+
--th-bg: #808080;
48+
--td-color: #000;
49+
--td-on-stripe-color: #000;
50+
border-spacing: 0;
51+
}
52+
.sortable.sticky thead th {
53+
position: sticky;
54+
top: 0;
55+
z-index: 1;
56+
}
57+
.sortable tbody tr:nth-child(odd) {
58+
background-color: var(--stripe-color);
59+
color: var(--td-on-stripe-color);
60+
}
61+
.sortable thead th {
62+
background: var(--th-bg);
63+
color: var(--th-color);
64+
font-weight: normal;
65+
text-align: left;
66+
text-transform: capitalize;
67+
vertical-align: baseline;
68+
white-space: nowrap;
69+
}
70+
.sortable td {
71+
color: var(--td-color);
72+
}
73+
.sortable td,
74+
.sortable th {
75+
padding: 10px;
76+
}
77+
.sortable td:first-child,
78+
.sortable th:first-child {
79+
border-top-left-radius: 4px;
80+
}
81+
.sortable td:last-child,
82+
.sortable th:last-child {
83+
border-top-right-radius: 4px;
84+
}
85+
86+
body {
87+
font-size: 14px;
88+
}
89+
90+
p {
91+
line-height: 1.7em;
92+
}
93+
94+
code {
95+
font-family: monospace;
96+
background: #eee;
97+
padding: 5px;
98+
border-radius: 2px;
99+
}
100+
101+
* {
102+
box-sizing: border-box;
103+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
104+
-webkit-font-smoothing: antialiased;
105+
-moz-osx-font-smoothing: grayscale;
106+
}
107+
108+
.sortable:nth-of-type(4) th:nth-child(7),
109+
thead th.no-sort {
110+
background: pink !important;
111+
color: red !important;
112+
}
113+
114+
.sortable:nth-of-type(4) th:nth-child(7) {
115+
pointer-events: none;
116+
}
117+
.sortable:nth-of-type(4) th:nth-child(7)::after {
118+
color: red;
119+
content: "(also not sortable)";
120+
font-size: 0.9em;
121+
display: block;
122+
}
123+
124+
.lefty td:nth-child(2),
125+
.lefty th:nth-child(2) {
126+
text-align: right;
127+
}

‎docs/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>sortable test</title>
88

9-
<link rel="stylesheet" href="../dist/example.css">
9+
<link rel="stylesheet" href="example.css">
1010
</head>
1111
<body>
1212
<h1>Sortable examples</h1>
@@ -208,7 +208,7 @@ <h2>Ascending sort</h2>
208208

209209

210210

211-
<script src="../dist/sortable.js"></script>
212-
<script src="../dist/sortable.a11y.js"></script>
211+
<script src="sortable.js"></script>
212+
<script src="sortable.a11y.js"></script>
213213
</body>
214214
</html>

0 commit comments

Comments
 (0)