PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 2.3.2
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v2.3.2
2.3.2 2.3.1 2.3.0 2.2.8 2.2.7 trunk 1.10.0 1.10.1 1.10.2 1.10.3 1.10.4 1.10.5 1.11.0 1.11.1 1.11.2 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.9.0 1.9.1 1.9.10 1.9.11 All 60 releases
merchant / assets / css / modules / clear-cart / admin / preview.css

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

233 lines 7.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .merchant-module-page-setting-fields {
2 gap: 24px;
3 }
4
5 .merchant-module-page-setting-field {
6 margin: 0;
7 }
8 .merchant-module-page-setting-field[data-id=shortcode_text] {
9 margin-top: 0;
10 }
11
12 .merchant-module-page-preview-browser-inner {
13 width: 100%;
14 margin: auto;
15 padding: 50px 25px;
16 }
17 .merchant-module-page-preview table.shop_table {
18 border: 1px solid #EEEEEE;
19 text-align: left;
20 width: 100%;
21 border-collapse: separate;
22 border-spacing: 0;
23 -webkit-box-sizing: border-box;
24 box-sizing: border-box;
25 }
26 .merchant-module-page-preview table.shop_table th {
27 font-weight: 500;
28 text-transform: uppercase;
29 border-width: 0;
30 border-right: 0;
31 }
32 .merchant-module-page-preview table.shop_table th, .merchant-module-page-preview table.shop_table td {
33 color: #424242;
34 vertical-align: middle;
35 padding: 0.7em;
36 border-width: 0 1px 1px 0;
37 }
38 @media (max-width: 1200px) and (min-width: 992px) {
39 .merchant-module-page-preview table.shop_table th, .merchant-module-page-preview table.shop_table td {
40 padding: 0.7em 0.5em;
41 }
42 }
43 .merchant-module-page-preview table.shop_table td {
44 border-top: 1px solid #EEEEEE;
45 }
46 .merchant-module-page-preview table.shop_table td.product-remove {
47 text-align: center;
48 }
49 .merchant-module-page-preview table.shop_table td.product-thumbnail {
50 min-width: 80px;
51 width: 80px;
52 height: 100px;
53 }
54 @media (max-width: 1200px) and (min-width: 992px) {
55 .merchant-module-page-preview table.shop_table td.product-thumbnail {
56 min-width: 60px;
57 height: 80px;
58 }
59 }
60 .merchant-module-page-preview table.shop_table td.product-thumbnail span {
61 display: block;
62 width: 100%;
63 height: 100%;
64 background-color: #f5f5f5;
65 }
66 @media (max-width: 575px) {
67 .merchant-module-page-preview table.shop_table .product-quantity {
68 display: none;
69 }
70 }
71 @media (max-width: 1200px) and (min-width: 992px) {
72 .merchant-module-page-preview table.shop_table .product-quantity {
73 display: none;
74 }
75 }
76 .merchant-module-page-preview table.shop_table .merchant-preview-qty {
77 border: 1px solid #EEEEEE;
78 display: -webkit-box;
79 display: -ms-flexbox;
80 display: flex;
81 gap: 0;
82 width: 75px;
83 }
84 .merchant-module-page-preview table.shop_table .merchant-preview-qty button,
85 .merchant-module-page-preview table.shop_table .merchant-preview-qty input {
86 pointer-events: none;
87 border: none;
88 background: none;
89 outline: none;
90 width: 20px;
91 -webkit-box-flex: 1;
92 -ms-flex: 1;
93 flex: 1;
94 color: #424242;
95 text-align: center;
96 padding: 5px;
97 }
98 .merchant-module-page-preview table.shop_table .merchant-preview-qty button {
99 width: 30px;
100 }
101 .merchant-module-page-preview table.shop_table .merchant-preview-qty input {
102 padding: 0;
103 margin: 0;
104 }
105 .merchant-module-page-preview .shop_table-bottom {
106 display: -webkit-box;
107 display: -ms-flexbox;
108 display: flex;
109 gap: 5px;
110 -webkit-box-pack: justify;
111 -ms-flex-pack: justify;
112 justify-content: space-between;
113 margin-top: 20px;
114 position: relative;
115 }
116 @media (max-width: 1368px) {
117 .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_actions, .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_coupon, .merchant-module-page-preview .shop_table-bottom.woocommerce_after_cart_table {
118 -ms-flex-wrap: wrap;
119 flex-wrap: wrap;
120 }
121 }
122 @media (min-width: 1369px) {
123 .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_actions .shop_table-bottom__end, .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_coupon .shop_table-bottom__end, .merchant-module-page-preview .shop_table-bottom.woocommerce_after_cart_table .shop_table-bottom__end {
124 -webkit-transform-origin: right;
125 transform-origin: right;
126 position: absolute;
127 right: 0;
128 }
129 }
130 @media (max-width: 1368px) and (min-width: 992px), (max-width: 801px) {
131 .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_actions .shop_table-bottom__end, .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_coupon .shop_table-bottom__end, .merchant-module-page-preview .shop_table-bottom.woocommerce_after_cart_table .shop_table-bottom__end {
132 -webkit-transform-origin: left;
133 transform-origin: left;
134 }
135 }
136 @media (max-width: 991px) and (min-width: 800px) {
137 .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_actions .shop_table-bottom__end, .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_coupon .shop_table-bottom__end, .merchant-module-page-preview .shop_table-bottom.woocommerce_after_cart_table .shop_table-bottom__end {
138 -webkit-transform-origin: right;
139 transform-origin: right;
140 }
141 }
142 @media (max-width: 1368px) {
143 .merchant-module-page-preview .shop_table-bottom.woocommerce_cart_actions .shop_table-bottom__end {
144 -ms-flex-wrap: wrap;
145 flex-wrap: wrap;
146 }
147 }
148 .merchant-module-page-preview .shop_table-bottom__start {
149 -webkit-transform-origin: left;
150 transform-origin: left;
151 }
152 .merchant-module-page-preview .shop_table-bottom__start, .merchant-module-page-preview .shop_table-bottom__end {
153 display: -webkit-box;
154 display: -ms-flexbox;
155 display: flex;
156 -webkit-box-align: center;
157 -ms-flex-align: center;
158 align-items: center;
159 gap: 5px;
160 -webkit-transform: scale(0.78);
161 transform: scale(0.78);
162 }
163 .merchant-module-page-preview .shop_table__coupon, .merchant-module-page-preview .shop_table__clear-cart {
164 display: -webkit-box;
165 display: -ms-flexbox;
166 display: flex;
167 }
168 .merchant-module-page-preview .shop_table__button {
169 font-size: 16px;
170 font-weight: 300;
171 line-height: 1;
172 background-color: #212121;
173 color: #fff;
174 text-transform: uppercase;
175 text-decoration: none;
176 border: none;
177 -webkit-box-shadow: none;
178 box-shadow: none;
179 white-space: nowrap;
180 }
181 .merchant-module-page-preview .shop_table__button__apply-coupon, .merchant-module-page-preview .shop_table__button__update-cart {
182 padding: 15px 25px;
183 }
184 .merchant-module-page-preview .shop_table__coupon input {
185 -webkit-box-flex: 1;
186 -ms-flex: 1;
187 flex: 1;
188 pointer-events: none;
189 border: 1px solid #eee;
190 background: none;
191 outline: none;
192 width: 140px;
193 padding-left: 10px;
194 margin-right: -3px;
195 border-radius: 0;
196 }
197 .merchant-module-page-preview .merchant-clear-cart-button {
198 color: var(--mrc-clear-cart-text-color, #ffffff);
199 font-size: var(--mrc-clear-cart-font-size, 16px);
200 font-weight: 300;
201 line-height: 1;
202 padding-block: var(--mrc-clear-cart-padding-vertical, 15px);
203 padding-inline: var(--mrc-clear-cart-padding-horizontal, 25px);
204 background: none;
205 }
206 .merchant-module-page-preview .merchant-clear-cart-button.hide {
207 display: none;
208 }
209 .merchant-module-page-preview .merchant-clear-cart-button.woocommerce_after_cart_table {
210 margin-top: 20px;
211 -webkit-transform: scale(0.78);
212 transform: scale(0.78);
213 -webkit-transform-origin: left;
214 transform-origin: left;
215 }
216 .merchant-module-page-preview .merchant-clear-cart-button:hover {
217 background: none;
218 color: var(--mrc-clear-cart-text-color-hover, #ffffff);
219 }
220 .merchant-module-page-preview .merchant-clear-cart-button--solid {
221 background-color: var(--mrc-clear-cart-bg-color, #212121);
222 border-radius: var(--mrc-clear-cart-border-radius, 0);
223 }
224 .merchant-module-page-preview .merchant-clear-cart-button--solid:hover {
225 background-color: var(--mrc-clear-cart-bg-color-hover, #414141);
226 }
227 .merchant-module-page-preview .merchant-clear-cart-button--outline {
228 border: var(--mrc-clear-cart-border-width, 2px) solid var(--mrc-clear-cart-border-color, #212121);
229 border-radius: var(--mrc-clear-cart-border-radius, 0);
230 }
231 .merchant-module-page-preview .merchant-clear-cart-button--outline:hover {
232 border-color: var(--mrc-clear-cart-border-color-hover, #414141);
233 }