← All changes | modules/theme-tools/compat/twentysixteen.css +30 -36 12.5.2 → 16.3-a.7 View file →

		@@ -15,9 +15,9 @@
15	15	.comment-subscription-form {
16	16	margin: 1.75em 0 0;
17	17	}
18	18
19		-.comment-subscription-form + .comment-subscription-form {
	19	+.comment-subscription-form + .comment-subscription-form {
20	20	margin-top: 0;
21	21	}
22	22
23	23
		@@ -24,9 +24,9 @@
24	24	/**
25	25	* Extra Widgets
26	26	*/
27	27
28		- /* Blog Subscriptions Widget */
	28	+/* Blog Subscriptions Widget */
29	29	.jetpack_subscription_widget #subscribe-email input {
30	30	padding: 0.625em 0.4375em;
31	31	width: 100%;
32	32	}
		@@ -34,9 +34,9 @@
34	34	.jetpack_subscription_widget form > :last-child {
35	35	margin-bottom: 0;
36	36	}
37	37
38		- /* Contact Info Widget */
	38	+/* Contact Info Widget */
39	39	.widget_contact_info .contact-map {
40	40	margin-bottom: 1.75em;
41	41	}
42	42
		@@ -123,15 +123,15 @@
123	123	.widget.widget_wpcom_social_media_icons_widget ul {
124	124	margin: 0 0 -0.4375em;
125	125	}
126	126
127		-.widget.widget_wpcom_social_media_icons_widget ul:before,
128		-.widget.widget_wpcom_social_media_icons_widget ul:after {
	127	+.widget.widget_wpcom_social_media_icons_widget ul::before,
	128	+.widget.widget_wpcom_social_media_icons_widget ul::after {
129	129	content: "";
130	130	display: table;
131	131	}
132	132
133		-.widget.widget_wpcom_social_media_icons_widget ul:after {
	133	+.widget.widget_wpcom_social_media_icons_widget ul::after {
134	134	clear: both;
135	135	}
136	136
137	137	.widget.widget_wpcom_social_media_icons_widget li {
		@@ -148,9 +148,9 @@
148	148	position: relative;
149	149	width: 35px;
150	150	}
151	151
152		-.widget.widget_wpcom_social_media_icons_widget li a:before {
	152	+.widget.widget_wpcom_social_media_icons_widget li a::before {
153	153	height: 33px;
154	154	line-height: 33px;
155	155	text-align: center;
156	156	width: 33px;
		@@ -155,10 +155,10 @@
155	155	text-align: center;
156	156	width: 33px;
157	157	}
158	158
159		-.widget.widget_wpcom_social_media_icons_widget li a:hover:before,
160		-.widget.widget_wpcom_social_media_icons_widget li a:focus:before {
	159	+.widget.widget_wpcom_social_media_icons_widget li a:hover::before,
	160	+.widget.widget_wpcom_social_media_icons_widget li a:focus::before {
161	161	opacity: 0.8;
162	162	}
163	163
164	164	/* Social Icons Widget */
		@@ -165,15 +165,15 @@
165	165	.widget.jetpack_widget_social_icons ul {
166	166	margin: 0 0 -0.4375em;
167	167	}
168	168
169		-.widget.jetpack_widget_social_icons ul:before,
170		-.widget.jetpack_widget_social_icons ul:after {
	169	+.widget.jetpack_widget_social_icons ul::before,
	170	+.widget.jetpack_widget_social_icons ul::after {
171	171	content: "";
172	172	display: table;
173	173	}
174	174
175		-.widget.jetpack_widget_social_icons ul:after {
	175	+.widget.jetpack_widget_social_icons ul::after {
176	176	clear: both;
177	177	}
178	178
179	179	.widget.jetpack_widget_social_icons li {
		@@ -232,9 +232,8 @@
232	232	margin-top: 0.25em;
233	233	}
234	234
235	235	.widget_top-posts .widgets-list-layout-links {
236		- width: -webkit-calc(100% - 3.375em);
237	236	width: calc(100% - 3.375em);
238	237	}
239	238
240	239	.widget_top-posts .widgets-list-layout li {
		@@ -250,9 +249,9 @@
250	249	}
251	250
252	251	/* Upcoming Events Widget */
253	252	.widget_upcoming_events_widget .upcoming-events li {
254		- margin-bottom: 0.875em
	253	+ margin-bottom: 0.875em;
255	254	}
256	255
257	256	/**
258	257	* Shortcodes
		@@ -262,9 +261,8 @@
262	261	.entry-content .contact-form label {
263	262	color: inherit;
264	263	display: block;
265	264	font-family: Montserrat, "Helvetica Neue", sans-serif;
266		- font-size: 13px;
267	265	font-size: 0.8125rem;
268	266	font-weight: 400;
269	267	letter-spacing: 0.076923077em;
270	268	line-height: 1.6153846154;
		@@ -336,9 +334,8 @@
336	334
337	335	/* Mixclound */
338	336	iframe[src^="http://api.mixcloud.com/"] {
339	337	margin-left: -8px;
340		- max-width: -webkit-calc(100% + 8px);
341	338	max-width: calc(100% + 8px);
342	339	}
343	340
344	341	/* Crowdsignal */
		@@ -390,9 +387,8 @@
390	387	}
391	388
392	389	.entry-content .portfolio-entry-meta,
393	390	.entry-content .portfolio-entry-content p {
394		- font-size: 13px;
395	391	font-size: 0.8125em;
396	392	line-height: 1.615384615;
397	393	}
398	394
		@@ -481,9 +477,8 @@
481	477	}
482	478
483	479	.entry-content .testimonial-entry-title,
484	480	.entry-content .testimonial-entry-content p {
485		- font-size: 13px;
486	481	font-size: 0.8125em;
487	482	line-height: 1.615384615;
488	483	margin: 0;
489	484	}
		@@ -532,10 +527,10 @@
532	527	padding: 1.75em 0;
533	528	position: relative;
534	529	}
535	530
536		-.jp-relatedposts:before,
537		-.jp-relatedposts:last-child:after {
	531	+.jp-relatedposts::before,
	532	+.jp-relatedposts:last-child::after {
538	533	background-color: currentColor;
539	534	content: "";
540	535	height: 1px;
541	536	opacity: 0.2;
		@@ -544,9 +539,9 @@
544	539	left: 0;
545	540	width: 100%;
546	541	}
547	542
548		-.jp-relatedposts:last-child:after {
	543	+.jp-relatedposts:last-child::after {
549	544	bottom: 0;
550	545	top: auto;
551	546	}
552	547
		@@ -552,9 +547,8 @@
552	547
553	548	.entry-content #jp-relatedposts h3.jp-relatedposts-headline {
554	549	color: inherit;
555	550	font-family: Montserrat, "Helvetica Neue", sans-serif;
556		- font-size: 13px;
557	551	font-size: 0.8125rem;
558	552	font-weight: 400;
559	553	line-height: 1;
560	554	margin-bottom: 1.076923077em;
		@@ -559,9 +553,9 @@
559	553	line-height: 1;
560	554	margin-bottom: 1.076923077em;
561	555	}
562	556
563		-.entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before {
	557	+.entry-content #jp-relatedposts h3.jp-relatedposts-headline em::before {
564	558	display: none;
565	559	}
566	560
567	561	.entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
		@@ -567,15 +561,15 @@
567	561	.entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
568	562	font-weight: 400;
569	563	}
570	564
571		-.jp-relatedposts-items:before,
572		-.jp-relatedposts-items:after {
	565	+.jp-relatedposts-items::before,
	566	+.jp-relatedposts-items::after {
573	567	content: "";
574	568	display: table;
575	569	}
576	570
577		-.jp-relatedposts-items:after {
	571	+.jp-relatedposts-items::after {
578	572	clear: both;
579	573	}
580	574
581	575	.entry-content .jp-relatedposts-post-aoverlay,
		@@ -597,9 +591,8 @@
597	591	}
598	592
599	593	.entry-content #jp-relatedposts .jp-relatedposts-items p,
600	594	.entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
601		- font-size: 13px;
602	595	font-size: 0.8125rem;
603	596	letter-spacing: 0;
604	597	line-height: 1.615384615;
605	598	}
		@@ -658,10 +651,10 @@
658	651	padding: 1.75em 0;
659	652	position: relative;
660	653	}
661	654
662		-.sharedaddy:before,
663		-.sharedaddy:last-child:after {
	655	+.sharedaddy::before,
	656	+.sharedaddy:last-child::after {
664	657	background-color: currentColor;
665	658	content: "";
666	659	height: 1px;
667	660	opacity: 0.2;
		@@ -669,9 +662,9 @@
669	662	top: 0;
670	663	width: 100%;
671	664	}
672	665
673		-.sharedaddy:last-child:after {
	666	+.sharedaddy:last-child::after {
674	667	bottom: 0;
675	668	top: auto;
676	669	}
677	670
		@@ -686,9 +679,8 @@
686	679	.hentry div.sharedaddy h3.sd-title,
687	680	.hentry h3.sd-title {
688	681	color: inherit;
689	682	font-family: Montserrat, "Helvetica Neue", sans-serif;
690		- font-size: 13px;
691	683	font-size: 0.8125rem;
692	684	font-weight: 400;
693	685	line-height: 1;
694	686	margin-bottom: 1.076923077em;
		@@ -693,9 +685,9 @@
693	685	line-height: 1;
694	686	margin-bottom: 1.076923077em;
695	687	}
696	688
697		-.hentry div.sharedaddy h3.sd-title:before {
	689	+.hentry div.sharedaddy h3.sd-title::before {
698	690	display: none;
699	691	}
700	692
701	693	.sd-social-icon-text .sd-content ul,
		@@ -734,8 +726,9 @@
734	726	* Media Queries
735	727	*/
736	728
737	729	@media screen and (min-width: 56.875em) {
	730	+
738	731	.widget-area .jetpack_subscription_widget #subscribe-email input {
739	732	padding: 0.4615384615em 0.5384615385em;
740	733	}
741	734
		@@ -748,8 +741,9 @@
748	741	margin-bottom: 1.076923077em;
749	742	}
750	743
751	744	.widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
	745	+ /* stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values */
752	746	line-height: 1.615384615em !important;
753	747	margin: 0 0 1.615384615em !important;
754	748	}
755	749
		@@ -777,9 +771,8 @@
777	771	margin-top: 0.153846154em;
778	772	}
779	773
780	774	.widget_top-posts .widgets-list-layout-links {
781		- width: -webkit-calc(100% - 4.153846154em);
782	775	width: calc(100% - 4.153846154em);
783	776	}
784	777
785	778	.widget_top-posts .widgets-list-layout li {
		@@ -786,9 +779,9 @@
786	779	margin-bottom: 1.076923077em;
787	780	}
788	781
789	782	.widget_upcoming_events_widget .upcoming-events li {
790		- margin-bottom: 1.076923077em
	783	+ margin-bottom: 1.076923077em;
791	784	}
792	785
793	786	.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
794	787	margin-bottom: 0;
		@@ -797,15 +790,16 @@
797	790	}
798	791	}
799	792
800	793	@media screen and (min-width: 61.5625em) {
	794	+
801	795	body:not(.search-results) article:not(.type-page) .sharedaddy:last-child,
802	796	body:not(.search-results) article:not(.type-page) .jp-relatedposts:last-child {
803	797	padding-bottom: 0;
804	798	}
805	799
806		- body:not(.search-results) article:not(.type-page) .sharedaddy:last-child:after,
807		- body:not(.search-results) article:not(.type-page) .jp-relatedposts:last-child:after {
	800	+ body:not(.search-results) article:not(.type-page) .sharedaddy:last-child::after,
	801	+ body:not(.search-results) article:not(.type-page) .jp-relatedposts:last-child::after {
808	802	display: none;
809	803	}
810	804
811	805	body:not(.search-results) article:not(.type-page) img.below-entry-meta {