← All changes | modules/infinite-scroll/themes/twentysixteen.css +166 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,166 @@
	1	+.infinite-scroll .pagination {
	2	+ display: none;
	3	+}
	4	+
	5	+.infinite-wrap > article::before,
	6	+.infinite-wrap > article::after {
	7	+ content: "";
	8	+ display: table;
	9	+}
	10	+
	11	+.infinite-wrap > article::after {
	12	+ clear: both;
	13	+}
	14	+
	15	+.infinite-wrap > article {
	16	+ margin-bottom: 3.5em;
	17	+}
	18	+
	19	+/* Spinner */
	20	+.site-main .infinite-loader {
	21	+ clear: both;
	22	+ color: currentColor;
	23	+ height: 42px;
	24	+ margin-bottom: 3.5em;
	25	+}
	26	+
	27	+.infinite-loader .spinner {
	28	+ left: 50% !important;
	29	+ top: 50% !important;
	30	+}
	31	+
	32	+/* Click-to-load */
	33	+#infinite-handle {
	34	+ clear: both;
	35	+ margin-right: 7.6923%;
	36	+ margin-left: 7.6923%;
	37	+ text-align: center;
	38	+}
	39	+
	40	+.site-main #infinite-handle span {
	41	+ background: #1a1a1a;
	42	+ border-radius: 2px;
	43	+ color: #fff;
	44	+ font-family: Montserrat, "Helvetica Neue", sans-serif;
	45	+ font-size: inherit;
	46	+ font-weight: 700;
	47	+ letter-spacing: 0.046875em;
	48	+ line-height: 1;
	49	+ padding: 0.84375em 0.875em 0.78125em;
	50	+ text-transform: uppercase;
	51	+}
	52	+
	53	+#infinite-handle span:hover,
	54	+#infinite-handle span:focus {
	55	+ background: #007acc;
	56	+}
	57	+
	58	+#infinite-handle button:focus {
	59	+ outline-offset: 0.375em;
	60	+}
	61	+
	62	+/* Footer */
	63	+body #infinite-footer {
	64	+ display: none;
	65	+ z-index: 999;
	66	+}
	67	+
	68	+body #infinite-footer .container {
	69	+ background-color: #fff;
	70	+ background-color: rgba(255, 255, 255, 0.8);
	71	+ border-color: #d1d1d1;
	72	+ padding: 0 7.6923%;
	73	+ width: 100% !important;
	74	+}
	75	+
	76	+body #infinite-footer .blog-info {
	77	+ font-family: Montserrat, "Helvetica Neue", sans-serif;
	78	+ height: 2.1875em;
	79	+ /* 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 */
	80	+ line-height: 2.1875em;
	81	+}
	82	+
	83	+body #infinite-footer .blog-info a {
	84	+ color: #1a1a1a;
	85	+ font-size: inherit;
	86	+}
	87	+
	88	+body #infinite-footer .blog-credits {
	89	+ font-size: 13px;
	90	+ font-size: 0.8125rem;
	91	+ height: 2.692307692em;
	92	+ /* 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 */
	93	+ line-height: 2.692307692em;
	94	+}
	95	+
	96	+body #infinite-footer .blog-credits,
	97	+body #infinite-footer .blog-credits a {
	98	+ color: #686868;
	99	+}
	100	+
	101	+body #infinite-footer .blog-info a:hover,
	102	+body #infinite-footer .blog-info a:focus,
	103	+body #infinite-footer .blog-credits a:hover,
	104	+body #infinite-footer .blog-credits a:focus {
	105	+ color: #007acc;
	106	+ text-decoration: none;
	107	+}
	108	+
	109	+@media screen and (min-width: 44.375em) {
	110	+
	111	+ .infinite-wrap > article,
	112	+ .site-main .infinite-loader {
	113	+ margin-bottom: 5.25em;
	114	+ }
	115	+
	116	+ .infinite-loader .spinner {
	117	+ left: 7.6923% !important;
	118	+ margin-left: 12px;
	119	+ }
	120	+
	121	+ #infinite-handle {
	122	+ text-align: left;
	123	+ }
	124	+
	125	+ .site-main #infinite-handle span {
	126	+ display: inline-block;
	127	+ }
	128	+
	129	+ body #infinite-footer .container {
	130	+ padding: 0 0.761904762em;
	131	+ width: -webkit-calc(100% - 42px) !important;
	132	+ width: calc(100% - 42px) !important;
	133	+ }
	134	+
	135	+ body:not(.custom-background-image) #infinite-footer {
	136	+ bottom: 21px !important;
	137	+ }
	138	+}
	139	+
	140	+@media screen and (min-width: 56.875em) {
	141	+
	142	+ .infinite-loader .spinner {
	143	+ left: 0 !important;
	144	+ }
	145	+
	146	+ #infinite-handle {
	147	+ margin: 0;
	148	+ }
	149	+
	150	+ .no-sidebar .infinite-loader .spinner {
	151	+ left: 50% !important;
	152	+ margin: 0;
	153	+ }
	154	+
	155	+ .no-sidebar #infinite-handle {
	156	+ text-align: center;
	157	+ }
	158	+}
	159	+
	160	+@media screen and (min-width: 61.5625em) {
	161	+
	162	+ .infinite-wrap > article,
	163	+ .site-main .infinite-loader {
	164	+ margin-bottom: 7em;
	165	+ }
	166	+}