← All changes | css/dashboard-widget.css +35 -22 16.2-beta → 16.3-beta View file →

		@@ -34,14 +34,23 @@
34	34	--jp-gray-100: #101517;
35	35	--jp-gray-off: #e2e2df;
36	36	--jp-yellow-5: #f5e6b3;
37	37	--jp-yellow-10: #f2cf75;
	38	+ --jp-yellow-20: #f0c930;
	39	+ --jp-yellow-30: #deb100;
38	40	--jp-yellow-40: #c08c00;
	41	+ --jp-yellow-50: #9d6e00;
	42	+ --jp-yellow-60: #7d5600;
39	43	--jp-orange-20: #faa754;
40	44	--jp-blue-5: #ced9f2;
	45	+ --jp-blue-20: #68b3e8;
	46	+ --jp-blue-40: #1689db;
41	47	--jp-red-0: #f7ebec;
	48	+ --jp-red-5: #facfd2;
	49	+ --jp-red-40: #e65054;
42	50	--jp-red-50: #d63638;
43	51	--jp-red-60: #b32d2e;
	52	+ --jp-red-70: #8a2424;
44	53	--jp-red-80: #8a2424;
45	54	--jp-red: #d63639;
46	55	--jp-pink: #c9356e;
47	56	--jp-green-0: #f0f2eb;
		@@ -57,10 +66,10 @@
57	66	--jp-green-90: #003010;
58	67	--jp-green-100: #001c09;
59	68	--jp-green: #069e08;
60	69	--jp-green-mint: #d3f6d5;
61		- --jp-green-primary: var(--jp-green-40);
62		- --jp-green-secondary: var(--jp-green-30);
	70	+ --jp-green-primary: var(--jp-green-40, #069e08);
	71	+ --jp-green-secondary: var(--jp-green-30, #2fb41f);
63	72	--jp-border-radius: 4px;
64	73	--jp-border-radius-rna: 8px;
65	74	--jp-menu-border-height: 1px;
66	75	--jp-underline-thickness: 2px;
		@@ -84,9 +93,11 @@
84	93	padding: 0 0.4em;
85	94	}
86	95	#jetpack_summary_widget h2.hndle svg {
87	96	height: 20px;
88		- margin: 0.15em 0 0 0.5em;
	97	+ margin-block: 0.15em 0;
	98	+ margin-inline-start: 0.5em;
	99	+ margin-inline-end: 0;
89	100	}
90	101	#jetpack_summary_widget pre.stats-widget-error {
91	102	overflow: scroll;
92	103	}
		@@ -107,9 +118,9 @@
107	118	padding: 0 10px;
108	119	overflow: hidden;
109	120	}
110	121	#jetpack_summary_widget .inside #stats_dashboard_widget_control .button-primary {
111		- float: right;
	122	+ float: inline-end;
112	123	}
113	124	#jetpack_summary_widget .inside #dashboard_stats {
114	125	box-sizing: border-box;
115	126	width: 100%;
		@@ -130,9 +141,9 @@
130	141	#jetpack_summary_widget .inside #dashboard_stats #stat-chart {
131	142	background: none !important;
132	143	}
133	144	#jetpack_summary_widget .inside #dashboard_stats #stats-info {
134		- background: var(--jp-white-off);
	145	+ background: var(--jp-white-off, #f9f9f6);
135	146	padding: 1.5em 1em;
136	147	padding-bottom: 0;
137	148	border-top: 1px solid #dcdcde;
138	149	margin: 7px -10px 0 -10px;
		@@ -150,12 +161,12 @@
150	161	margin: 0 0 0.5em 0;
151	162	}
152	163	#jetpack_summary_widget .inside #dashboard_stats #stats-info p {
153	164	margin: 0 0 0.25em;
154		- color: var(--jp-gray-40);
	165	+ color: var(--jp-gray-40, #787c82);
155	166	}
156	167	#jetpack_summary_widget .inside #dashboard_stats #stats-info p.nothing {
157		- color: var(--jp-gray-60);
	168	+ color: var(--jp-gray-60, #50575e);
158	169	}
159	170	#jetpack_summary_widget .inside #dashboard_stats #stats-info p.widget-loading {
160	171	margin: 1em 0 0;
161	172	color: #333;
		@@ -160,9 +171,9 @@
160	171	margin: 1em 0 0;
161	172	color: #333;
162	173	}
163	174	#jetpack_summary_widget .inside #dashboard_stats #stats-info p a {
164		- color: var(--jp-black);
	175	+ color: var(--jp-black, #000);
165	176	display: block;
166	177	text-decoration: none;
167	178	}
168	179	#jetpack_summary_widget .inside #dashboard_stats #stats-info p a.button {
		@@ -171,9 +182,9 @@
171	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 {
172	183	text-decoration: underline;
173	184	}
174	185	#jetpack_summary_widget #stats-info-container {
175		- background: var(--jp-white);
	186	+ background: var(--jp-white, #fff);
176	187	border-radius: 5px;
177	188	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);
178	189	padding: 1em 1.5em 1em 1.5em;
179	190	overflow: hidden;
		@@ -205,11 +216,11 @@
205	216	#jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right {
206	217	align-self: center;
207	218	}
208	219	.wp-core-ui #jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right .button-primary {
209		- background: var(--jp-black);
210		- border-color: var(--jp-black);
211		- color: var(--jp-white);
	220	+ background: var(--jp-black, #000);
	221	+ border-color: var(--jp-black, #000);
	222	+ color: var(--jp-white, #fff);
212	223	}
213	224	#jetpack_summary_widget #top-posts {
214	225	grid-area: posts;
215	226	}
		@@ -232,9 +243,9 @@
232	243	#jetpack_summary_widget .wpcom-connect {
233	244	padding: 0.75em;
234	245	}
235	246	#jetpack_summary_widget .wpcom-connect {
236		- background: var(--jp-gray-0);
	247	+ background: var(--jp-gray-0, #f6f7f7);
237	248	text-align: center;
238	249	}
239	250	#jetpack_summary_widget .wpcom-connect .jp-emblem {
240	251	padding: 5px 0 0 0;
		@@ -270,13 +281,13 @@
270	281	#jetpack_summary_widget .wpcom-connect .actions small a {
271	282	color: #999;
272	283	}
273	284	#jetpack_summary_widget footer {
274		- background: var(--jp-white-off);
	285	+ background: var(--jp-white-off, #f9f9f6);
275	286	overflow: hidden;
276	287	}
277	288	#jetpack_summary_widget footer .blocked-container {
278		- background: var(--jp-white-off);
	289	+ background: var(--jp-white-off, #f9f9f6);
279	290	padding: 1.5em 1em;
280	291	display: grid;
281	292	gap: 0 1em;
282	293	grid-template-columns: 1fr 1fr;
		@@ -282,9 +293,9 @@
282	293	grid-template-columns: 1fr 1fr;
283	294	}
284	295	#jetpack_summary_widget footer .protect,
285	296	#jetpack_summary_widget footer .akismet {
286		- background: var(--jp-white);
	297	+ background: var(--jp-white, #fff);
287	298	border-radius: 5px;
288	299	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);
289	300	padding: 1em 1.5em 1em 1.5em;
290	301	}
		@@ -296,9 +307,9 @@
296	307	}
297	308	#jetpack_summary_widget footer p.blocked-count {
298	309	margin-top: 0;
299	310	margin-bottom: 6px;
300		- margin-right: 8px;
	311	+ margin-inline-end: 8px;
301	312	font-weight: 500;
302	313	font-size: 2rem;
303	314	display: inline-block;
304	315	padding: 0 4px;
		@@ -314,20 +325,22 @@
314	325	padding: 0;
315	326	text-align: center;
316	327	}
317	328	#jetpack_summary_widget footer .footer-links {
318		- margin: 0 0 1.5em 1.5em;
	329	+ margin-block: 0 1.5em;
	330	+ margin-inline-start: 1.5em;
	331	+ margin-inline-end: 0;
319	332	}
320	333	#jetpack_summary_widget footer .footer-links svg {
321	334	height: 20px;
322	335	}
323	336	#jetpack_summary_widget footer .footer-links span {
324		- float: right;
	337	+ float: inline-end;
325	338	}
326	339	#jetpack_summary_widget footer .button {
327		- background: var(--jp-black);
328		- border-color: var(--jp-black);
329		- color: var(--jp-white);
	340	+ background: var(--jp-black, #000);
	341	+ border-color: var(--jp-black, #000);
	342	+ color: var(--jp-white, #fff);
330	343	margin-top: 8px;
331	344	}
332	345
333	346	/* Hide the widget title's SVG in the Screen Options tab */