base-components-rating-filter-wrapper-style.scss.css — WooCommerce 8.5.0-beta.1

woocommerce / assets / client / blocks / base-components-rating-filter-wrapper-style.scss.css

woocommerce / assets / client / blocks Last commit date

base-components-rating-filter-wrapper-style.scss.css

442 lines

1	/!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
2	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/product-rating/style.scss *!
3	\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
4	/**
5	* Converts a hex value into the rgb equivalent.
6	*
7	* @param {string} hex - the hexadecimal value to convert
8	* @return {string} comma separated rgb values
9	*/
10	/**
11	* Colors
12	*/
13	/**
14	* SCSS Variables.
15	*
16	* Please use variables from this sheet to ensure consistency across the UI.
17	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
18	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
19	*/
20	/**
21	* Converts a hex value into the rgb equivalent.
22	*
23	* @param {string} hex - the hexadecimal value to convert
24	* @return {string} comma separated rgb values
25	*/
26	/**
27	* Colors
28	*/
29	/**
30	* Fonts & basic variables.
31	*/
32	/**
33	* Grid System.
34	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
35	*/
36	/**
37	* Dimensions.
38	*/
39	/**
40	* Shadows.
41	*/
42	/**
43	* Editor widths.
44	*/
45	/**
46	* Block & Editor UI.
47	*/
48	/**
49	* Block paddings.
50	*/
51	/**
52	* React Native specific.
53	* These variables do not appear to be used anywhere else.
54	*/
55	/* stylelint-disable block-closing-brace-newline-after */
56	/* stylelint-enable */
57	@keyframes spinner__animation {
58	0% {
59	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
60	transform: rotate(0deg);
61	}
62	100% {
63	transform: rotate(360deg);
64	}
65	}
66	@keyframes loading__animation {
67	100% {
68	transform: translateX(100%);
69	}
70	}
71	.wc-block-components-product-rating {
72	display: block;
73	}
74	.wc-block-components-product-rating span {
75	line-height: 1.618;
76	}
77	.wc-block-components-product-rating__stars {
78	display: inline-block;
79	overflow: hidden;
80	position: relative;
81	width: 5.3em;
82	height: 1.618em;
83	line-height: 1.618;
84	font-size: 1em;
85	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
86	font-family: star;
87	font-weight: 400;
88	}
89	.wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars {
90	margin: 0;
91	}
92	.wc-block-components-product-rating__stars::before {
93	content: "SSSSS";
94	line-height: 1.618;
95	top: 0;
96	left: 0;
97	right: 0;
98	position: absolute;
99	opacity: 0.5;
100	color: inherit;
101	white-space: nowrap;
102	}
103	.wc-block-components-product-rating__stars span {
104	overflow: hidden;
105	top: 0;
106	left: 0;
107	right: 0;
108	position: absolute;
109	color: inherit;
110	padding-top: 1.5em;
111	}
112	.wc-block-components-product-rating__stars span::before {
113	content: "SSSSS";
114	top: 0;
115	left: 0;
116	right: 0;
117	position: absolute;
118	color: inherit;
119	line-height: 1.618;
120	white-space: nowrap;
121	}
122	.wc-block-all-products .wc-block-components-product-rating {
123	margin-top: 0;
124	margin-bottom: 12px;
125	}
126	.wc-block-components-product-rating__container > * {
127	vertical-align: middle;
128	}
129	.wc-block-components-product-rating__stars + .wc-block-components-product-rating__reviews_count {
130	margin-left: 8px;
131	}
132	.wc-block-components-product-rating__norating-container {
133	display: inline-flex;
134	flex-direction: row;
135	align-items: center;
136	gap: 8px;
137	}
138	.wc-block-components-product-rating__norating {
139	display: inline-block;
140	overflow: hidden;
141	position: relative;
142	width: 1.5em;
143	height: 1.618em;
144	line-height: 1.618;
145	font-size: 1em;
146	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
147	font-family: star;
148	font-weight: 400;
149	-webkit-text-stroke: 2px var(--wp--preset--color--black, #000);
150	}
151	.wc-block-components-product-rating__norating::before {
152	content: "S";
153	top: 0;
154	left: 0;
155	right: 0;
156	position: absolute;
157	color: transparent;
158	white-space: nowrap;
159	text-align: center;
160	}
161
162	.wc-block-all-products .is-loading .wc-block-components-product-rating,
163	.wp-block-query .is-loading .wc-block-components-product-rating {
164	outline: 0 !important;
165	border: 0 !important;
166	background-color: currentColor !important;
167	color: currentColor !important;
168	width: 100%;
169	border-radius: 0.25rem;
170	display: block;
171	line-height: 1;
172	position: relative !important;
173	overflow: hidden !important;
174	max-width: 100% !important;
175	pointer-events: none;
176	box-shadow: none;
177	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
178	opacity: 0.15;
179	width: 7em;
180	}
181	.wc-block-all-products .is-loading .wc-block-components-product-rating > *,
182	.wp-block-query .is-loading .wc-block-components-product-rating > * {
183	visibility: hidden;
184	}
185	.wc-block-all-products .is-loading .wc-block-components-product-rating::after,
186	.wp-block-query .is-loading .wc-block-components-product-rating::after {
187	content: " ";
188	display: block;
189	position: absolute;
190	left: 0;
191	right: 0;
192	top: 0;
193	height: 100%;
194	background-repeat: no-repeat;
195	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
196	transform: translateX(-100%);
197	animation: loading__animation 1.5s ease-in-out infinite;
198	}
199	@media screen and (prefers-reduced-motion: reduce) {
200	.wc-block-all-products .is-loading .wc-block-components-product-rating,
201	.wp-block-query .is-loading .wc-block-components-product-rating {
202	animation: none;
203	}
204	}
205	.wc-block-all-products .wc-block-components-product-rating__container,
206	.wp-block-query .wc-block-components-product-rating__container {
207	display: block;
208	}
209	.wc-block-all-products .wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars,
210	.wp-block-query .wc-block-components-product-rating__stars.wc-block-grid__product-rating__stars {
211	margin: inherit;
212	}
213	/!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
214	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/filter-submit-button/style.scss *!
215	\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
216	/**
217	* Converts a hex value into the rgb equivalent.
218	*
219	* @param {string} hex - the hexadecimal value to convert
220	* @return {string} comma separated rgb values
221	*/
222	/**
223	* Colors
224	*/
225	/**
226	* SCSS Variables.
227	*
228	* Please use variables from this sheet to ensure consistency across the UI.
229	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
230	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
231	*/
232	/**
233	* Converts a hex value into the rgb equivalent.
234	*
235	* @param {string} hex - the hexadecimal value to convert
236	* @return {string} comma separated rgb values
237	*/
238	/**
239	* Colors
240	*/
241	/**
242	* Fonts & basic variables.
243	*/
244	/**
245	* Grid System.
246	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
247	*/
248	/**
249	* Dimensions.
250	*/
251	/**
252	* Shadows.
253	*/
254	/**
255	* Editor widths.
256	*/
257	/**
258	* Block & Editor UI.
259	*/
260	/**
261	* Block paddings.
262	*/
263	/**
264	* React Native specific.
265	* These variables do not appear to be used anywhere else.
266	*/
267	/* stylelint-disable block-closing-brace-newline-after */
268	/* stylelint-enable */
269	@keyframes spinner__animation {
270	0% {
271	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
272	transform: rotate(0deg);
273	}
274	100% {
275	transform: rotate(360deg);
276	}
277	}
278	@keyframes loading__animation {
279	100% {
280	transform: translateX(100%);
281	}
282	}
283	.wc-block-components-filter-submit-button {
284	border: none;
285	display: block;
286	margin-left: auto;
287	white-space: nowrap;
288	}
289	.wc-block-components-filter-submit-button.is-loading {
290	outline: 0 !important;
291	border: 0 !important;
292	background-color: currentColor !important;
293	color: currentColor !important;
294	width: 100%;
295	border-radius: 0.25rem;
296	display: block;
297	line-height: 1;
298	position: relative !important;
299	overflow: hidden !important;
300	max-width: 100% !important;
301	pointer-events: none;
302	box-shadow: none;
303	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
304	opacity: 0.15;
305	margin-top: 16px;
306	width: -moz-max-content;
307	width: max-content;
308	box-shadow: none;
309	border-radius: 0;
310	line-height: initial;
311	}
312	.wc-block-components-filter-submit-button.is-loading > * {
313	visibility: hidden;
314	}
315	.wc-block-components-filter-submit-button.is-loading::after {
316	content: " ";
317	display: block;
318	position: absolute;
319	left: 0;
320	right: 0;
321	top: 0;
322	height: 100%;
323	background-repeat: no-repeat;
324	background-image: linear-gradient(90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
325	transform: translateX(-100%);
326	animation: loading__animation 1.5s ease-in-out infinite;
327	}
328	@media screen and (prefers-reduced-motion: reduce) {
329	.wc-block-components-filter-submit-button.is-loading {
330	animation: none;
331	}
332	}
333	/!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
334	!* css ../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.2/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.32_webpack@5.88.2/node_modules/postcss-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@10.1.0_sass@1.69.5_webpack@5.88.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/js/base/components/filter-reset-button/style.scss *!
335	\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
336	/**
337	* Converts a hex value into the rgb equivalent.
338	*
339	* @param {string} hex - the hexadecimal value to convert
340	* @return {string} comma separated rgb values
341	*/
342	/**
343	* Colors
344	*/
345	/**
346	* SCSS Variables.
347	*
348	* Please use variables from this sheet to ensure consistency across the UI.
349	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
350	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
351	*/
352	/**
353	* Converts a hex value into the rgb equivalent.
354	*
355	* @param {string} hex - the hexadecimal value to convert
356	* @return {string} comma separated rgb values
357	*/
358	/**
359	* Colors
360	*/
361	/**
362	* Fonts & basic variables.
363	*/
364	/**
365	* Grid System.
366	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
367	*/
368	/**
369	* Dimensions.
370	*/
371	/**
372	* Shadows.
373	*/
374	/**
375	* Editor widths.
376	*/
377	/**
378	* Block & Editor UI.
379	*/
380	/**
381	* Block paddings.
382	*/
383	/**
384	* React Native specific.
385	* These variables do not appear to be used anywhere else.
386	*/
387	/* stylelint-disable block-closing-brace-newline-after */
388	/* stylelint-enable */
389	@keyframes spinner__animation {
390	0% {
391	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
392	transform: rotate(0deg);
393	}
394	100% {
395	transform: rotate(360deg);
396	}
397	}
398	@keyframes loading__animation {
399	100% {
400	transform: translateX(100%);
401	}
402	}
403	.wc-block-components-filter-reset-button {
404	border: 0;
405	border-radius: 0;
406	margin: 0;
407	padding: 0;
408	vertical-align: baseline;
409	color: inherit;
410	font-family: inherit;
411	font-size: inherit;
412	font-style: inherit;
413	font-weight: inherit;
414	letter-spacing: inherit;
415	line-height: inherit;
416	text-decoration: inherit;
417	text-transform: inherit;
418	background: transparent;
419	box-shadow: none;
420	display: inline;
421	text-shadow: none;
422	text-decoration: underline;
423	font-size: 0.875em;
424	text-decoration: underline;
425	font-weight: normal;
426	color: inherit;
427	font-size: 0.875em;
428	cursor: pointer;
429	}
430	.wc-block-components-filter-reset-button:hover, .wc-block-components-filter-reset-button:focus, .wc-block-components-filter-reset-button:active {
431	background: transparent;
432	}
433	.wc-block-components-filter-reset-button:hover {
434	text-decoration: none;
435	color: inherit;
436	cursor: pointer;
437	}
438	.wc-block-components-filter-reset-button[disabled] {
439	cursor: not-allowed;
440	}
441
442	/# sourceMappingURL=base-components-rating-filter-wrapper-style.scss.css.map/