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/pre-orders/admin/preview.css

120 lines 2.9 KB Raw Download Zip

1	/**
2	* Admin Preview
3	* Pre Orders
4	*
5	*/
6	.merchant-flexible-content-control.pre-orders-style .layout:not(.active) {
7	border-color: #5c5f62;
8	}
9
10	.merchant-module-page-setting-field-info_block {
11	margin-bottom: 0;
12	}
13
14	.merchant-module-page-preview-browser-inner {
15	display: -webkit-box;
16	display: -ms-flexbox;
17	display: flex;
18	-webkit-box-flex: 0;
19	-ms-flex-positive: 0;
20	flex-grow: 0;
21	width: 100%;
22	margin: auto;
23	padding: 30px 25px 25px;
24	}
25
26	.mrc-preview-single-product-elements {
27	width: 100%;
28	display: -webkit-box;
29	display: -ms-flexbox;
30	display: flex;
31	gap: 25px;
32	}
33	.mrc-preview-single-product-elements .mrc-preview-left-column {
34	width: 30%;
35	min-width: 30%;
36	}
37	.mrc-preview-single-product-elements .mrc-preview-right-column {
38	width: 70%;
39	padding-top: 25px;
40	}
41	.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
42	background-color: #f5f5f5;
43	height: 12vw;
44	}
45	.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
46	width: 100%;
47	display: -webkit-box;
48	display: -ms-flexbox;
49	display: flex;
50	gap: 10px;
51	-ms-flex-wrap: nowrap;
52	flex-wrap: nowrap;
53	}
54	.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
55	width: 100%;
56	height: 3vw;
57	background-color: #f5f5f5;
58	margin-top: 10px;
59	}
60
61	.mrc-mw-70 {
62	max-width: 70%;
63	}
64
65	.mrc-mw-30 {
66	max-width: 30%;
67	}
68
69	.mrc-mw-40 {
70	max-width: 40%;
71	}
72
73	@media (max-width: 1281px) {
74	.mrc-hide-on-smaller-screens {
75	display: none;
76	}
77	}
78	.mrc-preview-text-placeholder {
79	background-color: #f5f5f5;
80	height: 13px;
81	}
82	.mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
83	margin-top: 15px;
84	}
85
86	.mrc-preview-addtocart-placeholder {
87	background-color: #e5e5e5;
88	width: 140px;
89	height: 30px;
90	}
91
92	@media (max-width: 991px) {
93	.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
94	height: 33vw;
95	}
96	.mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
97	height: 7vw;
98	}
99	}
100	.merchant-pre-orders-date {
101	font-size: 1rem;
102	margin-top: 25px;
103	}
104
105	.add_to_cart_button {
106	display: inline-block;
107	color: var(--mrc-po-text-color, #FFF) !important;
108	border: 1px solid var(--mrc-po-border-color, #212121) !important;
109	background-color: var(--mrc-po-background-color, #212121) !important;
110	font-size: 1rem;
111	padding: 12px 25px;
112	text-decoration: none;
113	-webkit-transition: ease background-color 300ms;
114	transition: ease background-color 300ms;
115	}
116	.add_to_cart_button:hover {
117	color: var(--mrc-po-text-hover-color, #FFF) !important;
118	border-color: var(--mrc-po-border-hover-color, #414141) !important;
119	background-color: var(--mrc-po-background-hover-color, #414141) !important;
120	}