wait-list.css in Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant 2.3.1, at assets/css/modules/wait-list/wait-list.css

94 lines 1.9 KB Raw Download Zip

1	/**
2	* Wait list.
3	*
4	*/
5	.merchant-wait-list {
6	display: -webkit-box;
7	display: -ms-flexbox;
8	display: flex;
9	-webkit-box-orient: vertical;
10	-webkit-box-direction: normal;
11	-ms-flex-direction: column;
12	flex-direction: column;
13	gap: 15px;
14	-webkit-transition: ease opacity 200ms;
15	transition: ease opacity 200ms;
16	}
17
18	.merchant-wait-list-success {
19	color: green;
20	}
21
22	.merchant-wait-list-error {
23	color: red;
24	margin-block: 10px;
25	}
26
27	#merchant-wait-list p:not(.merchant-wait-list-error, .merchant-wait-list-success) {
28	font-weight: bold;
29	margin: 0;
30	}
31
32	.merchant-wait-list-email label {
33	display: none;
34	}
35
36	#merchant-wait-list input {
37	width: 100%;
38	margin-bottom: 5px;
39	}
40
41	#merchant-wait-list button {
42	width: 100%;
43	}
44
45	.merchant-wait-list-container {
46	position: relative;
47	margin-bottom: 1rem;
48	}
49	.merchant-wait-list-container.merchant-loading .merchant-cover {
50	visibility: visible;
51	}
52	.merchant-wait-list-container.merchant-loading .merchant-wait-list {
53	opacity: 0.2;
54	}
55	.merchant-wait-list-container.merchant-loading .merchant-wait-list-loader {
56	opacity: 1;
57	visibility: visible;
58	}
59	.merchant-wait-list-container.merchant-loading button:focus {
60	outline: none;
61	}
62	.merchant-wait-list-container .merchant-cover {
63	display: -webkit-box;
64	display: -ms-flexbox;
65	display: flex;
66	-webkit-box-align: center;
67	-ms-flex-align: center;
68	align-items: center;
69	-webkit-box-pack: center;
70	-ms-flex-pack: center;
71	justify-content: center;
72	visibility: hidden;
73	position: absolute;
74	height: 100%;
75	width: 100%;
76	opacity: 0.5;
77	cursor: progress;
78	}
79
80	.merchant-wait-list-loader {
81	position: absolute;
82	z-index: 2;
83	display: block;
84	font-size: 26px;
85	opacity: 0;
86	visibility: hidden;
87	}
88	.merchant-wait-list-loader svg {
89	width: 1em;
90	height: 1em;
91	fill: #212121;
92	-webkit-animation: merchant-fa-spin 0.75s linear infinite;
93	animation: merchant-fa-spin 0.75s linear infinite;
94	}