gutenberg / build / styles / block-library / table / style.css

style.css in Gutenberg 23.5.2, at build/styles/block-library/table/style.css

177 lines 5.0 KB

Raw Download Zip

1	/**
2	* Colors
3	*/
4	/**
5	* SCSS Variables.
6	*
7	* Please use variables from this sheet to ensure consistency across the UI.
8	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
9	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
10	*/
11	/**
12	* Fonts & basic variables.
13	*/
14	/**
15	* Typography
16	*/
17	/**
18	* Grid System.
19	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
20	*/
21	/**
22	* Radius scale.
23	*/
24	/**
25	* Elevation scale.
26	*/
27	/**
28	* Dimensions.
29	*/
30	/**
31	* Mobile specific styles
32	*/
33	/**
34	* Editor styles.
35	*/
36	/**
37	* Block & Editor UI.
38	*/
39	/**
40	* Block paddings.
41	*/
42	/**
43	* React Native specific.
44	* These variables do not appear to be used anywhere else.
45	*/
46	.wp-block-table {
47	overflow-x: auto;
48	}
49	.wp-block-table table {
50	border-collapse: collapse;
51	width: 100%;
52	}
53	.wp-block-table thead {
54	border-bottom: 3px solid;
55	}
56	.wp-block-table tfoot {
57	border-top: 3px solid;
58	}
59	.wp-block-table td,
60	.wp-block-table th {
61	border: 1px solid;
62	padding: 0.5em;
63	}
64	.wp-block-table .has-fixed-layout {
65	table-layout: fixed;
66	width: 100%;
67	}
68	.wp-block-table .has-fixed-layout td,
69	.wp-block-table .has-fixed-layout th {
70	word-break: break-word;
71	}
72	.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
73	display: table;
74	width: auto;
75	}
76	.wp-block-table.alignleft td,
77	.wp-block-table.alignleft th, .wp-block-table.aligncenter td,
78	.wp-block-table.aligncenter th, .wp-block-table.alignright td,
79	.wp-block-table.alignright th {
80	word-break: break-word;
81	}
82	.wp-block-table .has-subtle-light-gray-background-color {
83	background-color: #f3f4f5;
84	}
85	.wp-block-table .has-subtle-pale-green-background-color {
86	background-color: #e9fbe5;
87	}
88	.wp-block-table .has-subtle-pale-blue-background-color {
89	background-color: #e7f5fe;
90	}
91	.wp-block-table .has-subtle-pale-pink-background-color {
92	background-color: #fcf0ef;
93	}
94	.wp-block-table.is-style-stripes {
95	border-spacing: 0;
96	border-collapse: inherit;
97	background-color: transparent;
98	}
99	.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
100	background-color: #f0f0f0;
101	}
102	.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
103	background-color: #f3f4f5;
104	}
105	.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
106	background-color: #e9fbe5;
107	}
108	.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
109	background-color: #e7f5fe;
110	}
111	.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
112	background-color: #fcf0ef;
113	}
114	.wp-block-table.is-style-stripes th,
115	.wp-block-table.is-style-stripes td {
116	border-color: transparent;
117	}
118	.wp-block-table.is-style-stripes {
119	border-bottom: 1px solid #f0f0f0;
120	}
121	.wp-block-table .has-border-color > *,
122	.wp-block-table .has-border-color tr,
123	.wp-block-table .has-border-color th,
124	.wp-block-table .has-border-color td {
125	border-color: inherit;
126	}
127	.wp-block-table table[style=border-top-color] > ,
128	.wp-block-table table[style*=border-top-color] tr:first-child {
129	border-top-color: inherit;
130	}
131	.wp-block-table table[style=border-top-color] > th,
132	.wp-block-table table[style=border-top-color] > td,
133	.wp-block-table table[style*=border-top-color] tr:first-child th,
134	.wp-block-table table[style*=border-top-color] tr:first-child td {
135	border-top-color: inherit;
136	}
137	.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
138	border-top-color: currentColor;
139	}
140	.wp-block-table table[style=border-right-color] > ,
141	.wp-block-table table[style*=border-right-color] tr,
142	.wp-block-table table[style*=border-right-color] th,
143	.wp-block-table table[style*=border-right-color] td:last-child {
144	border-right-color: inherit;
145	}
146	.wp-block-table table[style=border-bottom-color] > ,
147	.wp-block-table table[style*=border-bottom-color] tr:last-child {
148	border-bottom-color: inherit;
149	}
150	.wp-block-table table[style=border-bottom-color] > th,
151	.wp-block-table table[style=border-bottom-color] > td,
152	.wp-block-table table[style*=border-bottom-color] tr:last-child th,
153	.wp-block-table table[style*=border-bottom-color] tr:last-child td {
154	border-bottom-color: inherit;
155	}
156	.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
157	border-bottom-color: currentColor;
158	}
159	.wp-block-table table[style=border-left-color] > ,
160	.wp-block-table table[style*=border-left-color] tr,
161	.wp-block-table table[style*=border-left-color] th,
162	.wp-block-table table[style*=border-left-color] td:first-child {
163	border-left-color: inherit;
164	}
165	.wp-block-table table[style=border-style] > ,
166	.wp-block-table table[style*=border-style] tr,
167	.wp-block-table table[style*=border-style] th,
168	.wp-block-table table[style*=border-style] td {
169	border-style: inherit;
170	}
171	.wp-block-table table[style=border-width] > ,
172	.wp-block-table table[style*=border-width] tr,
173	.wp-block-table table[style*=border-width] th,
174	.wp-block-table table[style*=border-width] td {
175	border-width: inherit;
176	border-style: inherit;
177	}