all-reviews-rtl.css — WooCommerce 8.5.0-beta.1

woocommerce / assets / client / blocks / all-reviews-rtl.css

woocommerce / assets / client / blocks Last commit date

all-reviews-rtl.css

636 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/load-more-button/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-load-more {
72	text-align: center;
73	width: 100%;
74	}
75	/!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
76	!* 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/reviews/review-sort-select/style.scss *!
77	\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
78	/**
79	* Converts a hex value into the rgb equivalent.
80	*
81	* @param {string} hex - the hexadecimal value to convert
82	* @return {string} comma separated rgb values
83	*/
84	/**
85	* Colors
86	*/
87	/**
88	* SCSS Variables.
89	*
90	* Please use variables from this sheet to ensure consistency across the UI.
91	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
92	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
93	*/
94	/**
95	* Converts a hex value into the rgb equivalent.
96	*
97	* @param {string} hex - the hexadecimal value to convert
98	* @return {string} comma separated rgb values
99	*/
100	/**
101	* Colors
102	*/
103	/**
104	* Fonts & basic variables.
105	*/
106	/**
107	* Grid System.
108	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
109	*/
110	/**
111	* Dimensions.
112	*/
113	/**
114	* Shadows.
115	*/
116	/**
117	* Editor widths.
118	*/
119	/**
120	* Block & Editor UI.
121	*/
122	/**
123	* Block paddings.
124	*/
125	/**
126	* React Native specific.
127	* These variables do not appear to be used anywhere else.
128	*/
129	/* stylelint-disable block-closing-brace-newline-after */
130	/* stylelint-enable */
131	@keyframes spinner__animation {
132	0% {
133	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
134	transform: rotate(0deg);
135	}
136	100% {
137	transform: rotate(-360deg);
138	}
139	}
140	@keyframes loading__animation {
141	100% {
142	transform: translateX(-100%);
143	}
144	}
145	.wc-block-components-review-sort-select {
146	text-align: left;
147	}
148	/!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
149	!* 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/reviews/review-list-item/style.scss *!
150	\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
151	@charset "UTF-8";
152	/**
153	* Converts a hex value into the rgb equivalent.
154	*
155	* @param {string} hex - the hexadecimal value to convert
156	* @return {string} comma separated rgb values
157	*/
158	/**
159	* Colors
160	*/
161	/**
162	* SCSS Variables.
163	*
164	* Please use variables from this sheet to ensure consistency across the UI.
165	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
166	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
167	*/
168	/**
169	* Converts a hex value into the rgb equivalent.
170	*
171	* @param {string} hex - the hexadecimal value to convert
172	* @return {string} comma separated rgb values
173	*/
174	/**
175	* Colors
176	*/
177	/**
178	* Fonts & basic variables.
179	*/
180	/**
181	* Grid System.
182	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
183	*/
184	/**
185	* Dimensions.
186	*/
187	/**
188	* Shadows.
189	*/
190	/**
191	* Editor widths.
192	*/
193	/**
194	* Block & Editor UI.
195	*/
196	/**
197	* Block paddings.
198	*/
199	/**
200	* React Native specific.
201	* These variables do not appear to be used anywhere else.
202	*/
203	/* stylelint-disable block-closing-brace-newline-after */
204	/* stylelint-enable */
205	@keyframes spinner__animation {
206	0% {
207	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
208	transform: rotate(0deg);
209	}
210	100% {
211	transform: rotate(-360deg);
212	}
213	}
214	@keyframes loading__animation {
215	100% {
216	transform: translateX(-100%);
217	}
218	}
219	.is-loading .wc-block-components-review-list-item__text {
220	outline: 0 !important;
221	border: 0 !important;
222	background-color: currentColor !important;
223	color: currentColor !important;
224	width: 100%;
225	border-radius: 0.25rem;
226	display: block;
227	line-height: 1;
228	position: relative !important;
229	overflow: hidden !important;
230	max-width: 100% !important;
231	pointer-events: none;
232	box-shadow: none;
233	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
234	opacity: 0.15;
235	display: block;
236	width: 60%;
237	}
238	.is-loading .wc-block-components-review-list-item__text > * {
239	visibility: hidden;
240	}
241	.is-loading .wc-block-components-review-list-item__text::after {
242	content: " ";
243	display: block;
244	position: absolute;
245	right: 0;
246	left: 0;
247	top: 0;
248	height: 100%;
249	background-repeat: no-repeat;
250	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
251	transform: translateX(100%);
252	animation: loading__animation 1.5s ease-in-out infinite;
253	}
254	@media screen and (prefers-reduced-motion: reduce) {
255	.is-loading .wc-block-components-review-list-item__text {
256	animation: none;
257	}
258	}
259	.is-loading .wc-block-components-review-list-item__text::before {
260	content: " ";
261	}
262	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image {
263	outline: 0 !important;
264	border: 0 !important;
265	background-color: currentColor !important;
266	color: currentColor !important;
267	width: 100%;
268	border-radius: 0.25rem;
269	display: block;
270	line-height: 1;
271	position: relative !important;
272	overflow: hidden !important;
273	max-width: 100% !important;
274	pointer-events: none;
275	box-shadow: none;
276	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
277	opacity: 0.15;
278	}
279	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image > * {
280	visibility: hidden;
281	}
282	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image::after {
283	content: " ";
284	display: block;
285	position: absolute;
286	right: 0;
287	left: 0;
288	top: 0;
289	height: 100%;
290	background-repeat: no-repeat;
291	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
292	transform: translateX(100%);
293	animation: loading__animation 1.5s ease-in-out infinite;
294	}
295	@media screen and (prefers-reduced-motion: reduce) {
296	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image {
297	animation: none;
298	}
299	}
300	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__image::before {
301	content: " ";
302	}
303	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author {
304	outline: 0 !important;
305	border: 0 !important;
306	background-color: currentColor !important;
307	color: currentColor !important;
308	width: 100%;
309	border-radius: 0.25rem;
310	display: block;
311	line-height: 1;
312	position: relative !important;
313	overflow: hidden !important;
314	max-width: 100% !important;
315	pointer-events: none;
316	box-shadow: none;
317	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
318	opacity: 0.15;
319	font-size: 1em;
320	width: 80px;
321	}
322	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author > * {
323	visibility: hidden;
324	}
325	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author::after {
326	content: " ";
327	display: block;
328	position: absolute;
329	right: 0;
330	left: 0;
331	top: 0;
332	height: 100%;
333	background-repeat: no-repeat;
334	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
335	transform: translateX(100%);
336	animation: loading__animation 1.5s ease-in-out infinite;
337	}
338	@media screen and (prefers-reduced-motion: reduce) {
339	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author {
340	animation: none;
341	}
342	}
343	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__author::before {
344	content: " ";
345	}
346	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__product {
347	display: none;
348	}
349	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__meta .wc-block-components-review-list-item__rating .wc-block-components-review-list-item__rating__stars > span {
350	display: none;
351	}
352	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date {
353	outline: 0 !important;
354	border: 0 !important;
355	background-color: currentColor !important;
356	color: currentColor !important;
357	width: 100%;
358	border-radius: 0.25rem;
359	display: block;
360	line-height: 1;
361	position: relative !important;
362	overflow: hidden !important;
363	max-width: 100% !important;
364	pointer-events: none;
365	box-shadow: none;
366	z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
367	opacity: 0.15;
368	height: 1em;
369	width: 120px;
370	}
371	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date > * {
372	visibility: hidden;
373	}
374	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date::after {
375	content: " ";
376	display: block;
377	position: absolute;
378	right: 0;
379	left: 0;
380	top: 0;
381	height: 100%;
382	background-repeat: no-repeat;
383	background-image: linear-gradient(-90deg, currentColor, rgba(245, 245, 245, 0.3019607843), currentColor);
384	transform: translateX(100%);
385	animation: loading__animation 1.5s ease-in-out infinite;
386	}
387	@media screen and (prefers-reduced-motion: reduce) {
388	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date {
389	animation: none;
390	}
391	}
392	.is-loading .wc-block-components-review-list-item__info .wc-block-components-review-list-item__published-date::before {
393	content: " ";
394	}
395
396	.editor-styles-wrapper .wc-block-components-review-list-item__item,
397	.wc-block-components-review-list-item__item {
398	margin: 0 0 48px;
399	list-style: none;
400	}
401
402	.wc-block-components-review-list-item__info {
403	display: -ms-grid;
404	display: grid;
405	-ms-grid-columns: 1fr;
406	grid-template-columns: 1fr;
407	margin-bottom: 24px;
408	}
409
410	.wc-block-components-review-list-item__meta {
411	-ms-grid-column: 1;
412	grid-column: 1;
413	-ms-grid-row: 1;
414	grid-row: 1;
415	}
416
417	.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__info {
418	-ms-grid-columns: calc(3em + 16px) 1fr;
419	grid-template-columns: calc(3em + 16px) 1fr;
420	}
421	.wc-block-components-review-list-item__item--has-image .wc-block-components-review-list-item__meta {
422	-ms-grid-column: 2;
423	grid-column: 2;
424	}
425
426	.wc-block-components-review-list-item__image {
427	align-items: center;
428	display: flex;
429	height: 3em;
430	-ms-grid-column: 1;
431	grid-column: 1;
432	-ms-grid-row: 1;
433	-ms-grid-row-span: 2;
434	grid-row: 1/3;
435	justify-content: center;
436	position: relative;
437	width: 3em;
438	}
439	.wc-block-components-review-list-item__image > img {
440	display: block;
441	max-height: 100%;
442	-o-object-fit: contain;
443	object-fit: contain;
444	}
445
446	.wc-block-components-review-list-item__verified {
447	width: 21px;
448	height: 21px;
449	text-indent: 21px;
450	margin: 0;
451	line-height: 21px;
452	overflow: hidden;
453	position: absolute;
454	left: -7px;
455	bottom: -7px;
456	}
457	.wc-block-components-review-list-item__verified::before {
458	width: 21px;
459	height: 21px;
460	background: transparent url("data:image/svg+xml;utf8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" fill=\"none\"%3E%3Ccircle cx=\"10.5\" cy=\"10.5\" r=\"10.5\" fill=\"%23fff\"/%3E%3Cpath fill=\"%23008A21\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3Cmask id=\"a\" width=\"17\" height=\"17\" x=\"2\" y=\"2\" maskUnits=\"userSpaceOnUse\"%3E%3Cpath fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z\" clip-rule=\"evenodd\"/%3E%3C/mask%3E%3Cg mask=\"url%28%23a%29\"%3E%3Cpath fill=\"%23008A21\" d=\"M.5.5h20v20H.5z\"/%3E%3C/g%3E%3C/svg%3E") center center no-repeat; /* stylelint-disable-line */
461	display: block;
462	content: "";
463	}
464
465	.wc-block-components-review-list-item__meta {
466	display: flex;
467	align-items: center;
468	flex-flow: row wrap;
469	}
470	.wc-block-components-review-list-item__meta::after {
471	order: 3;
472	content: "";
473	flex-basis: 100%;
474	}
475
476	.wc-block-components-review-list-item__product {
477	display: block;
478	font-weight: bold;
479	order: 1;
480	margin-left: 8px;
481	}
482
483	.wc-block-components-review-list-item__author {
484	display: block;
485	font-weight: bold;
486	order: 1;
487	margin-left: 8px;
488	}
489
490	.wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author {
491	font-weight: normal;
492	order: 4;
493	}
494
495	.wc-block-components-review-list-item__published-date {
496	order: 5;
497	}
498
499	.wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date {
500	padding-right: 8px;
501	position: relative;
502	}
503	.wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before {
504	content: "";
505	display: inline-block;
506	margin-right: -8px;
507	border-left: 1px solid currentColor;
508	opacity: 0.5;
509	height: 1em;
510	vertical-align: middle;
511	position: absolute;
512	top: calc(50% + 0.1em);
513	transform: translateY(-50%);
514	}
515
516	.wc-block-components-review-list-item__author:first-child + .wc-block-components-review-list-item__published-date::before,
517	.wc-block-components-review-list-item__rating + .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before {
518	display: none;
519	}
520
521	.wc-block-components-review-list-item__rating {
522	order: 2;
523	}
524	.wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars {
525	font-size: 1em;
526	display: block;
527	top: 0;
528	overflow: hidden;
529	position: relative;
530	height: 1em;
531	line-height: 1;
532	width: 5.3em;
533	font-family: star; /* stylelint-disable-line */
534	font-weight: 400;
535	}
536	.wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars::before {
537	content: "SSSSS";
538	opacity: 0.25;
539	float: right;
540	top: 0;
541	right: 0;
542	position: absolute;
543	}
544	.wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span {
545	overflow: hidden;
546	float: right;
547	top: 0;
548	right: 0;
549	position: absolute;
550	padding-top: 1.5em;
551	}
552	.wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span::before {
553	content: "SSSSS";
554	top: 0;
555	position: absolute;
556	right: 0;
557	color: #e6a237;
558	}
559
560	.wc-block-components-review-list-item__text p {
561	font-size: inherit;
562	}
563	/!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!\
564	!* 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/reviews/review-list/style.scss *!
565	\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
566	/**
567	* Converts a hex value into the rgb equivalent.
568	*
569	* @param {string} hex - the hexadecimal value to convert
570	* @return {string} comma separated rgb values
571	*/
572	/**
573	* Colors
574	*/
575	/**
576	* SCSS Variables.
577	*
578	* Please use variables from this sheet to ensure consistency across the UI.
579	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
580	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
581	*/
582	/**
583	* Converts a hex value into the rgb equivalent.
584	*
585	* @param {string} hex - the hexadecimal value to convert
586	* @return {string} comma separated rgb values
587	*/
588	/**
589	* Colors
590	*/
591	/**
592	* Fonts & basic variables.
593	*/
594	/**
595	* Grid System.
596	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
597	*/
598	/**
599	* Dimensions.
600	*/
601	/**
602	* Shadows.
603	*/
604	/**
605	* Editor widths.
606	*/
607	/**
608	* Block & Editor UI.
609	*/
610	/**
611	* Block paddings.
612	*/
613	/**
614	* React Native specific.
615	* These variables do not appear to be used anywhere else.
616	*/
617	/* stylelint-disable block-closing-brace-newline-after */
618	/* stylelint-enable */
619	@keyframes spinner__animation {
620	0% {
621	animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
622	transform: rotate(0deg);
623	}
624	100% {
625	transform: rotate(-360deg);
626	}
627	}
628	@keyframes loading__animation {
629	100% {
630	transform: translateX(-100%);
631	}
632	}
633	.wc-block-components-review-list.wc-block-components-review-list {
634	margin: 0;
635	}
636