← All changes | css/_default-core.scss +22 -31 trunk → 3.0 View file →

		@@ -1,7 +1,10 @@
1	1	/**
2	2	* TablePress Default CSS - Core CSS without DataTables styling.
3	3	*
	4	+ * Attention: Do not modify this file directly, but use the "Custom CSS" textarea
	5	+ * on the "Plugin Options" screen of TablePress.
	6	+ *
4	7	* @package TablePress
5	8	* @subpackage Frontend CSS
6	9	* @author Tobias Bäthge
7	10	* @since 1.0.0
		@@ -18,9 +21,9 @@
18	21	$align-side: right;
19	22	}
20	23
21	24	.tablepress {
22		- /* Custom properties. */
	25	+ /* Custom properties */
23	26	--text-color: #111111;
24	27	--head-text-color: var(--text-color);
25	28	--head-bg-color: #d9edf7;
26	29	--odd-text-color: var(--text-color);
		@@ -31,9 +34,9 @@
31	34	--hover-bg-color: #f3f3f3;
32	35	--border-color: #dddddd;
33	36	--padding: 0.5rem;
34	37
35		- /* General table style. */
	38	+ /* General table style */
36	39	table-layout: auto;
37	40	width: 100%;
38	41	margin: 0 auto 1rem;
39	42	clear: both;
		@@ -40,9 +43,9 @@
40	43	border-collapse: collapse;
41	44	border-spacing: 0;
42	45	border: none;
43	46
44		- /* General table cell style. */
	47	+ /* General table cell style */
45	48	> :not(caption) > * > * {
46	49	padding: var(--padding);
47	50	border: none;
48	51	background: none;
		@@ -51,17 +54,17 @@
51	54	float: none !important; /* Work around themes that set `float` on `.column-1` CSS classes and similar. */
52	55	box-sizing: border-box;
53	56	}
54	57
55		- /* Horizontal borders, except for child rows in the tbody. */
56		- > :where(thead) + tbody > :where(:not(.child)) > *,
57		- > tbody > * ~ :where(:not(.child)) > *,
	58	+ /* Horizontal borders */
	59	+ > :where(thead) + tbody > * > *,
	60	+ > tbody > * ~ * > *,
58	61	> tfoot > :where(:first-child) > * {
59	62	border-top: 1px solid var(--border-color);
60	63	}
61	64
62		- /* Row background colors. */
63		- > :where(thead, tfoot) > tr > * {
	65	+ /* Row background colors */
	66	+ > :where(thead, tfoot) > * > th {
64	67	background-color: var(--head-bg-color);
65	68	color: var(--head-text-color);
66	69	font-weight: bold;
67	70	word-break: normal;
		@@ -72,35 +75,23 @@
72	75	color: var(--text-color);
73	76	}
74	77	}
75	78	> :where(tbody.row-striping) {
76		- > :nth-child(odd of :where(:not(.child, .dtrg-group))) { /* Ignore child and group rows. */
77		- > *,
78		- + :where(.child) > * { /* Give child rows the same style. */
79		- background-color: var(--odd-bg-color);
80		- color: var(--odd-text-color);
81		- }
	79	+ > :nth-child(odd) > * {
	80	+ background-color: var(--odd-bg-color);
	81	+ color: var(--odd-text-color);
82	82	}
83		- > :nth-child(even of :where(:not(.child, .dtrg-group))) { /* Ignore child and group rows. */
84		- > *,
85		- + :where(.child) > * { /* Give child rows the same style. */
86		- background-color: var(--even-bg-color);
87		- color: var(--even-text-color);
88		- }
	83	+ > :nth-child(even) > * {
	84	+ background-color: var(--even-bg-color);
	85	+ color: var(--even-text-color);
89	86	}
90	87	}
91		- > .row-hover > tr {
92		- content-visibility: auto; /* Improve rendering performance for the :has(+ .child:hover) selector below. */
93		-
94		- &:where(:not(.dtrg-group)):hover > *, /* Ignore group rows. */
95		- &:hover + :where(.child) > *, /* Give child rows the same style. */
96		- &:has(+ .child:hover) > * { /* Highlight the parent row when a child row is hovered. */
97		- background-color: var(--hover-bg-color);
98		- color: var(--hover-text-color);
99		- }
	88	+ > .row-hover > tr:hover > * {
	89	+ background-color: var(--hover-bg-color);
	90	+ color: var(--hover-text-color);
100	91	}
101	92
102		- /* Reset image layout in tables. */
	93	+ /* Reset image layout in tables */
103	94	img {
104	95	margin: 0;
105	96	padding: 0;
106	97	border: none;
		@@ -106,9 +97,9 @@
106	97	border: none;
107	98	max-width: none;
108	99	}
109	100
110		- /* Table description. */
	101	+ /* Table description */
111	102	&-table-description {
112	103	clear: both;
113	104	display: block;
114	105	}