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

58 lines 1.0 KB Raw Download Zip

1	/**
2	* Admin Preview
3	* Stock Scarcity
4	*
5	*/
6	.merchant-module-page-preview-browser-inner {
7	display: -webkit-box;
8	display: -ms-flexbox;
9	display: flex;
10	-webkit-box-flex: 0;
11	-ms-flex-positive: 0;
12	flex-grow: 0;
13	width: 100%;
14	margin: auto;
15	padding: 25px;
16	}
17
18	.mrc-preview-single-product-elements {
19	width: 100%;
20	display: -webkit-box;
21	display: -ms-flexbox;
22	display: flex;
23	gap: 25px;
24	-webkit-box-pack: center;
25	-ms-flex-pack: center;
26	justify-content: center;
27	padding: 90px 0;
28	}
29	.mrc-preview-single-product-elements .mrc-preview-content {
30	width: 50%;
31	}
32	@media (max-width: 991px) {
33	.mrc-preview-single-product-elements .mrc-preview-content {
34	width: 70%;
35	}
36	}
37	.mrc-preview-single-product-elements .mrc-preview-content {
38	text-align: center;
39	}
40	.mrc-preview-single-product-elements .mrc-preview-content .merchant-stock-scarcity-content {
41	height: 25px;
42	}
43
44	.mrc-mw-70 {
45	max-width: 70%;
46	}
47
48	.mrc-mw-30 {
49	max-width: 30%;
50	}
51
52	.mrc-mw-40 {
53	max-width: 40%;
54	}
55
56	.merchant-stock-scarcity {
57	margin: 25px 0;
58	}