← All changes | modules/theme-tools/compat/twentytwenty.css +26 -8 12.7.3 → 16.3-a.1 View file →

		@@ -9,13 +9,15 @@
9	9	/* Globally hidden elements when Infinite Scroll is supported and in use. */
10	10	.infinite-scroll .pagination-wrapper,
11	11	.infinite-scroll.neverending .footer-nav-widgets-wrapper,
12	12	.infinite-scroll.neverending #site-footer {
	13	+
13	14	/* Theme Footer (when set to scrolling) */
14	15	display: none;
15	16	}
16	17
17		- /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
	18	+/* When Infinite Scroll has reached its end we need to re-display
	19	+ * elements that were hidden (via .neverending) before. */
18	20	.infinite-end.neverending .footer-nav-widgets-wrapper,
19	21	.infinity-end.neverending #site-footer {
20	22	display: block;
21	23	}
		@@ -91,8 +93,9 @@
91	93	line-height: 1.5;
92	94	}
93	95
94	96	@media (min-width: 700px) {
	97	+
95	98	.entry-content div.sharedaddy h3.sd-title,
96	99	.entry-content h3.sd-title,
97	100	.entry-content #jp-relatedposts h3.jp-relatedposts-headline {
98	101	font-size: 4rem;
		@@ -98,14 +101,14 @@
98	101	font-size: 4rem;
99	102	}
100	103	}
101	104
102		-.entry-content div.sharedaddy h3.sd-title:before,
103		-.entry-content h3.sd-title:before {
	105	+.entry-content div.sharedaddy h3.sd-title::before,
	106	+.entry-content h3.sd-title::before {
104	107	border: 0 none;
105	108	}
106	109
107		-.entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before {
	110	+.entry-content #jp-relatedposts h3.jp-relatedposts-headline em::before {
108	111	border: 0 none;
109	112	}
110	113
111	114	/* Authors widget */
		@@ -123,9 +126,9 @@
123	126	margin-top: 2rem;
124	127	}
125	128
126	129	/* Flickr */
127		-.widget_flickr .flickr-size-thumbnail .flickr-images {
	130	+.widget_flickr .flickr-size-thumbnail .flickr-images {
128	131	justify-content: left;
129	132	}
130	133
131	134	/* EU cookie law */
		@@ -147,8 +150,9 @@
147	150	transition: opacity 0.15s linear;
148	151	}
149	152
150	153	@media (max-width: 600px) {
	154	+
151	155	.widget_eu_cookie_law_widget #eu-cookie-law {
152	156	font-size: 1.4rem;
153	157	padding: 1.5rem 1.5rem 6.5rem;
154	158	}
		@@ -169,11 +173,13 @@
169	173	font-size: 2.8rem;
170	174	font-weight: 700;
171	175	margin: 0;
172	176	}
	177	+
173	178	@media ( min-width: 700px ) {
	179	+
174	180	.jetpack_subscription_widget .widget-title label {
175		- font-size: 4rem;
	181	+ font-size: 4rem;
176	182	}
177	183	}
178	184
179	185	/*
		@@ -193,8 +199,9 @@
193	199	width: calc(100% - 4rem);
194	200	}
195	201
196	202	@media (min-width: 700px) {
	203	+
197	204	.entry-content #jp-relatedposts {
198	205	width: calc(100% - 8rem);
199	206	}
200	207	}
		@@ -214,8 +221,9 @@
214	221	margin-right: 0;
215	222	}
216	223
217	224	@media only screen and (max-width: 640px) {
	225	+
218	226	#jp-relatedposts .jp-relatedposts-grid {
219	227	flex-direction: column;
220	228	}
221	229
		@@ -224,9 +232,9 @@
224	232	width: 100%;
225	233	}
226	234	}
227	235
228		-#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
	236	+#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
229	237	padding-right: 0;
230	238	}
231	239
232	240	#jp-relatedposts#jp-relatedposts .jp-relatedposts-items p,
		@@ -272,9 +280,10 @@
272	280	}
273	281
274	282	/* GIF Block */
275	283	.wp-block-jetpack-gif {
276		- /* Uses !important because the gif block styles are loaded in the footer after this file */
	284	+
	285	+ /* Uses !important because gif block styles load in footer after this file */
277	286	margin: 1em auto !important;
278	287	}
279	288
280	289	/**
		@@ -296,5 +305,14 @@
296	305	}
297	306
298	307	.screen-reader-text {
299	308	position: absolute;
	309	+}
	310	+
	311	+/* Contact form */
	312	+
	313	+/* See https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwenty/style.css?rev=58726#L710 */
	314	+.contact-form input.grunion-field[type="checkbox"] {
	315	+ padding: 0;
	316	+ width: 1.5rem;
	317	+ height: 1.5rem;
300	318	}