← All changes | css/dashboard-widget-rtl.css +70 -63 13.3.3 → 16.3-beta View file →

		@@ -1,58 +1,59 @@
1		-@charset "UTF-8";
2		-/*
3		-The MIT License (MIT)
4		-
5		-Copyright © 2011–2015 thoughtbot, inc.
6		-
7		-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
8		-documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
9		-rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
10		-persons to whom the Software is furnished to do so, subject to the following conditions:
11		-
12		-The above copyright notice and this permission notice shall be included in all copies or substantial
13		-portions of the Software.
14		-
15		-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
16		-WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
17		-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
18		-OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
19		-
20		-https://github.com/thoughtbot/bourbon
21		-*/
	1	+/**
	2	+ * $gray color functions:
	3	+ *
	4	+ * color.adjust( $gray, $lightness: 10% )
	5	+ * color.adjust( $gray, $lightness: 20% )
	6	+ * color.adjust( $gray, $lightness: 30% )
	7	+ * color.adjust( $gray, $lightness: -10% )
	8	+ * color.adjust( $gray, $lightness: -20% )
	9	+ * color.adjust( $gray, $lightness: -30% )
	10	+ *
	11	+ * See wordpress.com/design-handbook/colors/ for more info.
	12	+ */
22	13	:root {
23	14	--font-title-large: 36px;
24	15	--font-title-small: 24px;
25	16	--font-body: 16px;
26	17	--font-label: 12px;
27		- --jp-black: #000000;
	18	+ --jp-black: #000;
28	19	--jp-black-80: #2c3338;
29		- --jp-white: #ffffff;
	20	+ --jp-white: #fff;
30	21	--jp-white-off: #f9f9f6;
31	22	--jp-gray: #dcdcde;
32		- --jp-gray-0: #F6F7F7;
	23	+ --jp-gray-0: #f6f7f7;
33	24	--jp-gray-5: #dcdcde;
34	25	--jp-gray-10: #c3c4c7;
35		- --jp-gray-20: #A7AAAD;
	26	+ --jp-gray-20: #a7aaad;
36	27	--jp-gray-30: #8c8f94;
37		- --jp-gray-40: #787C82;
	28	+ --jp-gray-40: #787c82;
38	29	--jp-gray-50: #646970;
39		- --jp-gray-60: #50575E;
	30	+ --jp-gray-60: #50575e;
40	31	--jp-gray-70: #3c434a;
41		- --jp-gray-80: #2C3338;
	32	+ --jp-gray-80: #2c3338;
42	33	--jp-gray-90: #1d2327;
43	34	--jp-gray-100: #101517;
44	35	--jp-gray-off: #e2e2df;
45	36	--jp-yellow-5: #f5e6b3;
46	37	--jp-yellow-10: #f2cf75;
	38	+ --jp-yellow-20: #f0c930;
	39	+ --jp-yellow-30: #deb100;
	40	+ --jp-yellow-40: #c08c00;
	41	+ --jp-yellow-50: #9d6e00;
	42	+ --jp-yellow-60: #7d5600;
47	43	--jp-orange-20: #faa754;
48	44	--jp-blue-5: #ced9f2;
49		- --jp-red-0: #F7EBEC;
50		- --jp-red-50: #D63638;
51		- --jp-red-60: #B32D2E;
52		- --jp-red-80: #8A2424;
	45	+ --jp-blue-20: #68b3e8;
	46	+ --jp-blue-40: #1689db;
	47	+ --jp-red-0: #f7ebec;
	48	+ --jp-red-5: #facfd2;
	49	+ --jp-red-40: #e65054;
	50	+ --jp-red-50: #d63638;
	51	+ --jp-red-60: #b32d2e;
	52	+ --jp-red-70: #8a2424;
	53	+ --jp-red-80: #8a2424;
53	54	--jp-red: #d63639;
54		- --jp-pink: #C9356E;
	55	+ --jp-pink: #c9356e;
55	56	--jp-green-0: #f0f2eb;
56	57	--jp-green-5: #d0e6b8;
57	58	--jp-green-10: #9dd977;
58	59	--jp-green-20: #64ca43;
		@@ -64,10 +65,11 @@
64	65	--jp-green-80: #004515;
65	66	--jp-green-90: #003010;
66	67	--jp-green-100: #001c09;
67	68	--jp-green: #069e08;
68		- --jp-green-primary: var(--jp-green-40);
69		- --jp-green-secondary: var(--jp-green-30);
	69	+ --jp-green-mint: #d3f6d5;
	70	+ --jp-green-primary: var(--jp-green-40, #069e08);
	71	+ --jp-green-secondary: var(--jp-green-30, #2fb41f);
70	72	--jp-border-radius: 4px;
71	73	--jp-border-radius-rna: 8px;
72	74	--jp-menu-border-height: 1px;
73	75	--jp-underline-thickness: 2px;
		@@ -77,14 +79,10 @@
77	79	--jp-modal-radius: 8px;
78	80	--jp-button-padding: 8px;
79	81	--jp-button-radius: 4px;
80	82	--jp-gap: 16px;
81		- --jp-highlight: #3858e9;
82	83	}
83	84
84		-#jetpack_summary_widget {
85		- /* Widget settings */
86		-}
87	85	#jetpack_summary_widget * {
88	86	box-sizing: border-box;
89	87	}
90	88	#jetpack_summary_widget h2.hndle span {
		@@ -95,17 +93,22 @@
95	93	padding: 0 0.4em;
96	94	}
97	95	#jetpack_summary_widget h2.hndle svg {
98	96	height: 20px;
99		- margin: 0.15em 0.5em 0 0;
	97	+ margin-block: 0.15em 0;
	98	+ margin-inline-start: 0.5em;
	99	+ margin-inline-end: 0;
100	100	}
101	101	#jetpack_summary_widget pre.stats-widget-error {
102	102	overflow: scroll;
103	103	}
104		-#jetpack_summary_widget .js-toggle-stats_dashboard_widget_control .toggle-indicator:before {
	104	+#jetpack_summary_widget {
	105	+ /* Widget settings */
	106	+}
	107	+#jetpack_summary_widget .js-toggle-stats_dashboard_widget_control .toggle-indicator::before {
105	108	content: "\f111";
106	109	display: inline-block;
107		- font: normal 20px/1 dashicons;
	110	+ font: 400 20px/1 dashicons;
108	111	}
109	112	#jetpack_summary_widget .inside {
110	113	margin: 0;
111	114	padding: 0;
		@@ -115,15 +118,14 @@
115	118	padding: 0 10px;
116	119	overflow: hidden;
117	120	}
118	121	#jetpack_summary_widget .inside #stats_dashboard_widget_control .button-primary {
119		- float: left;
	122	+ float: inline-end;
120	123	}
121	124	#jetpack_summary_widget .inside #dashboard_stats {
122	125	box-sizing: border-box;
123	126	width: 100%;
124	127	padding: 0 10px;
125		- /* Widget graph contents */
126	128	}
127	129	#jetpack_summary_widget .inside #dashboard_stats.is-loading {
128	130	display: none;
129	131	}
		@@ -132,13 +134,16 @@
132	134	}
133	135	#jetpack_summary_widget .inside #dashboard_stats #stats-graph {
134	136	margin: 0;
135	137	}
	138	+#jetpack_summary_widget .inside #dashboard_stats {
	139	+ /* Widget graph contents */
	140	+}
136	141	#jetpack_summary_widget .inside #dashboard_stats #stat-chart {
137	142	background: none !important;
138	143	}
139	144	#jetpack_summary_widget .inside #dashboard_stats #stats-info {
140		- background: var(--jp-white-off);
	145	+ background: var(--jp-white-off, #f9f9f6);
141	146	padding: 1.5em 1em;
142	147	padding-bottom: 0;
143	148	border-top: 1px solid #dcdcde;
144	149	margin: 7px -10px 0 -10px;
		@@ -156,12 +161,12 @@
156	161	margin: 0 0 0.5em 0;
157	162	}
158	163	#jetpack_summary_widget .inside #dashboard_stats #stats-info p {
159	164	margin: 0 0 0.25em;
160		- color: var(--jp-gray-40);
	165	+ color: var(--jp-gray-40, #787c82);
161	166	}
162	167	#jetpack_summary_widget .inside #dashboard_stats #stats-info p.nothing {
163		- color: var(--jp-gray-60);
	168	+ color: var(--jp-gray-60, #50575e);
164	169	}
165	170	#jetpack_summary_widget .inside #dashboard_stats #stats-info p.widget-loading {
166	171	margin: 1em 0 0;
167	172	color: #333;
		@@ -166,9 +171,9 @@
166	171	margin: 1em 0 0;
167	172	color: #333;
168	173	}
169	174	#jetpack_summary_widget .inside #dashboard_stats #stats-info p a {
170		- color: var(--jp-black);
	175	+ color: var(--jp-black, #000);
171	176	display: block;
172	177	text-decoration: none;
173	178	}
174	179	#jetpack_summary_widget .inside #dashboard_stats #stats-info p a.button {
		@@ -177,9 +182,9 @@
177	182	#jetpack_summary_widget .inside #dashboard_stats #stats-info p a:active, #jetpack_summary_widget .inside #dashboard_stats #stats-info p a:focus, #jetpack_summary_widget .inside #dashboard_stats #stats-info p a:hover {
178	183	text-decoration: underline;
179	184	}
180	185	#jetpack_summary_widget #stats-info-container {
181		- background: var(--jp-white);
	186	+ background: var(--jp-white, #fff);
182	187	border-radius: 5px;
183	188	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);
184	189	padding: 1em 1.5em 1em 1.5em;
185	190	overflow: hidden;
		@@ -211,11 +216,11 @@
211	216	#jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right {
212	217	align-self: center;
213	218	}
214	219	.wp-core-ui #jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right .button-primary {
215		- background: var(--jp-black);
216		- border-color: var(--jp-black);
217		- color: var(--jp-white);
	220	+ background: var(--jp-black, #000);
	221	+ border-color: var(--jp-black, #000);
	222	+ color: var(--jp-white, #fff);
218	223	}
219	224	#jetpack_summary_widget #top-posts {
220	225	grid-area: posts;
221	226	}
		@@ -238,9 +243,9 @@
238	243	#jetpack_summary_widget .wpcom-connect {
239	244	padding: 0.75em;
240	245	}
241	246	#jetpack_summary_widget .wpcom-connect {
242		- background: var(--jp-gray-0);
	247	+ background: var(--jp-gray-0, #f6f7f7);
243	248	text-align: center;
244	249	}
245	250	#jetpack_summary_widget .wpcom-connect .jp-emblem {
246	251	padding: 5px 0 0 0;
		@@ -276,13 +281,13 @@
276	281	#jetpack_summary_widget .wpcom-connect .actions small a {
277	282	color: #999;
278	283	}
279	284	#jetpack_summary_widget footer {
280		- background: var(--jp-white-off);
	285	+ background: var(--jp-white-off, #f9f9f6);
281	286	overflow: hidden;
282	287	}
283	288	#jetpack_summary_widget footer .blocked-container {
284		- background: var(--jp-white-off);
	289	+ background: var(--jp-white-off, #f9f9f6);
285	290	padding: 1.5em 1em;
286	291	display: grid;
287	292	gap: 0 1em;
288	293	grid-template-columns: 1fr 1fr;
		@@ -288,9 +293,9 @@
288	293	grid-template-columns: 1fr 1fr;
289	294	}
290	295	#jetpack_summary_widget footer .protect,
291	296	#jetpack_summary_widget footer .akismet {
292		- background: var(--jp-white);
	297	+ background: var(--jp-white, #fff);
293	298	border-radius: 5px;
294	299	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);
295	300	padding: 1em 1.5em 1em 1.5em;
296	301	}
		@@ -295,9 +300,9 @@
295	300	padding: 1em 1.5em 1em 1.5em;
296	301	}
297	302	#jetpack_summary_widget footer h3 {
298	303	font-size: 1em;
299		- font-weight: normal;
	304	+ font-weight: 400;
300	305	margin: 0 0 0.25em 0;
301	306	padding: 0;
302	307	}
303	308	#jetpack_summary_widget footer p.blocked-count {
		@@ -302,9 +307,9 @@
302	307	}
303	308	#jetpack_summary_widget footer p.blocked-count {
304	309	margin-top: 0;
305	310	margin-bottom: 6px;
306		- margin-left: 8px;
	311	+ margin-inline-end: 8px;
307	312	font-weight: 500;
308	313	font-size: 2rem;
309	314	display: inline-block;
310	315	padding: 0 4px;
		@@ -320,20 +325,22 @@
320	325	padding: 0;
321	326	text-align: center;
322	327	}
323	328	#jetpack_summary_widget footer .footer-links {
324		- margin: 0 1.5em 1.5em 0;
	329	+ margin-block: 0 1.5em;
	330	+ margin-inline-start: 1.5em;
	331	+ margin-inline-end: 0;
325	332	}
326	333	#jetpack_summary_widget footer .footer-links svg {
327	334	height: 20px;
328	335	}
329	336	#jetpack_summary_widget footer .footer-links span {
330		- float: left;
	337	+ float: inline-end;
331	338	}
332	339	#jetpack_summary_widget footer .button {
333		- background: var(--jp-black);
334		- border-color: var(--jp-black);
335		- color: var(--jp-white);
	340	+ background: var(--jp-black, #000);
	341	+ border-color: var(--jp-black, #000);
	342	+ color: var(--jp-white, #fff);
336	343	margin-top: 8px;
337	344	}
338	345
339	346	/* Hide the widget title's SVG in the Screen Options tab */