← All changes | css/dashboard-widget.css +47 -46 12.2.3 → 16.3-a.7 View file →

		@@ -1,56 +1,50 @@
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;
	36	+ --jp-yellow-5: #f5e6b3;
45	37	--jp-yellow-10: #f2cf75;
	38	+ --jp-yellow-40: #c08c00;
46	39	--jp-orange-20: #faa754;
47		- --jp-red-0: #F7EBEC;
48		- --jp-red-50: #D63638;
49		- --jp-red-60: #B32D2E;
50		- --jp-red-80: #8A2424;
	40	+ --jp-blue-5: #ced9f2;
	41	+ --jp-red-0: #f7ebec;
	42	+ --jp-red-50: #d63638;
	43	+ --jp-red-60: #b32d2e;
	44	+ --jp-red-80: #8a2424;
51	45	--jp-red: #d63639;
52		- --jp-pink: #C9356E;
	46	+ --jp-pink: #c9356e;
53	47	--jp-green-0: #f0f2eb;
54	48	--jp-green-5: #d0e6b8;
55	49	--jp-green-10: #9dd977;
56	50	--jp-green-20: #64ca43;
		@@ -62,11 +56,13 @@
62	56	--jp-green-80: #004515;
63	57	--jp-green-90: #003010;
64	58	--jp-green-100: #001c09;
65	59	--jp-green: #069e08;
	60	+ --jp-green-mint: #d3f6d5;
66	61	--jp-green-primary: var(--jp-green-40);
67	62	--jp-green-secondary: var(--jp-green-30);
68	63	--jp-border-radius: 4px;
	64	+ --jp-border-radius-rna: 8px;
69	65	--jp-menu-border-height: 1px;
70	66	--jp-underline-thickness: 2px;
71	67	--jp-modal-padding-large: 32px;
72	68	--jp-modal-padding: 24px;
		@@ -74,14 +70,10 @@
74	70	--jp-modal-radius: 8px;
75	71	--jp-button-padding: 8px;
76	72	--jp-button-radius: 4px;
77	73	--jp-gap: 16px;
78		- --jp-highlight: #3858e9;
79	74	}
80	75
81		-#jetpack_summary_widget {
82		- /* Widget settings */
83		-}
84	76	#jetpack_summary_widget * {
85	77	box-sizing: border-box;
86	78	}
87	79	#jetpack_summary_widget h2.hndle span {
		@@ -92,17 +84,22 @@
92	84	padding: 0 0.4em;
93	85	}
94	86	#jetpack_summary_widget h2.hndle svg {
95	87	height: 20px;
96		- margin: 0.15em 0 0 0.5em;
	88	+ margin-block: 0.15em 0;
	89	+ margin-inline-start: 0.5em;
	90	+ margin-inline-end: 0;
97	91	}
98	92	#jetpack_summary_widget pre.stats-widget-error {
99	93	overflow: scroll;
100	94	}
101		-#jetpack_summary_widget .js-toggle-stats_dashboard_widget_control .toggle-indicator:before {
	95	+#jetpack_summary_widget {
	96	+ /* Widget settings */
	97	+}
	98	+#jetpack_summary_widget .js-toggle-stats_dashboard_widget_control .toggle-indicator::before {
102	99	content: "\f111";
103	100	display: inline-block;
104		- font: normal 20px/1 dashicons;
	101	+ font: 400 20px/1 dashicons;
105	102	}
106	103	#jetpack_summary_widget .inside {
107	104	margin: 0;
108	105	padding: 0;
		@@ -112,15 +109,14 @@
112	109	padding: 0 10px;
113	110	overflow: hidden;
114	111	}
115	112	#jetpack_summary_widget .inside #stats_dashboard_widget_control .button-primary {
116		- float: right;
	113	+ float: inline-end;
117	114	}
118	115	#jetpack_summary_widget .inside #dashboard_stats {
119	116	box-sizing: border-box;
120	117	width: 100%;
121	118	padding: 0 10px;
122		- /* Widget graph contents */
123	119	}
124	120	#jetpack_summary_widget .inside #dashboard_stats.is-loading {
125	121	display: none;
126	122	}
		@@ -129,8 +125,11 @@
129	125	}
130	126	#jetpack_summary_widget .inside #dashboard_stats #stats-graph {
131	127	margin: 0;
132	128	}
	129	+#jetpack_summary_widget .inside #dashboard_stats {
	130	+ /* Widget graph contents */
	131	+}
133	132	#jetpack_summary_widget .inside #dashboard_stats #stat-chart {
134	133	background: none !important;
135	134	}
136	135	#jetpack_summary_widget .inside #dashboard_stats #stats-info {
		@@ -292,9 +291,9 @@
292	291	padding: 1em 1.5em 1em 1.5em;
293	292	}
294	293	#jetpack_summary_widget footer h3 {
295	294	font-size: 1em;
296		- font-weight: normal;
	295	+ font-weight: 400;
297	296	margin: 0 0 0.25em 0;
298	297	padding: 0;
299	298	}
300	299	#jetpack_summary_widget footer p.blocked-count {
		@@ -299,9 +298,9 @@
299	298	}
300	299	#jetpack_summary_widget footer p.blocked-count {
301	300	margin-top: 0;
302	301	margin-bottom: 6px;
303		- margin-right: 8px;
	302	+ margin-inline-end: 8px;
304	303	font-weight: 500;
305	304	font-size: 2rem;
306	305	display: inline-block;
307	306	padding: 0 4px;
		@@ -317,15 +316,17 @@
317	316	padding: 0;
318	317	text-align: center;
319	318	}
320	319	#jetpack_summary_widget footer .footer-links {
321		- margin: 0 0 1.5em 1.5em;
	320	+ margin-block: 0 1.5em;
	321	+ margin-inline-start: 1.5em;
	322	+ margin-inline-end: 0;
322	323	}
323	324	#jetpack_summary_widget footer .footer-links svg {
324	325	height: 20px;
325	326	}
326	327	#jetpack_summary_widget footer .footer-links span {
327		- float: right;
	328	+ float: inline-end;
328	329	}
329	330	#jetpack_summary_widget footer .button {
330	331	background: var(--jp-black);
331	332	border-color: var(--jp-black);