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 / product-swatches / 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/product-swatches/admin/preview.css

107 lines 2.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Sticky Add To Cart
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: 50px 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 }
25 .mrc-preview-single-product-elements .mrc-preview-left-column {
26 width: 30%;
27 min-width: 30%;
28 }
29 .mrc-preview-single-product-elements .mrc-preview-right-column {
30 width: 70%;
31 padding-top: 25px;
32 }
33 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
34 background-color: #f5f5f5;
35 height: 12vw;
36 }
37 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
38 width: 100%;
39 display: -webkit-box;
40 display: -ms-flexbox;
41 display: flex;
42 gap: 10px;
43 -ms-flex-wrap: nowrap;
44 flex-wrap: nowrap;
45 }
46 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
47 width: 100%;
48 height: 3vw;
49 background-color: #f5f5f5;
50 margin-top: 10px;
51 }
52
53 .mrc-mw-70 {
54 max-width: 70%;
55 }
56
57 .mrc-mw-30 {
58 max-width: 30%;
59 }
60
61 .mrc-mw-40 {
62 max-width: 40%;
63 }
64
65 .mrc-preview-text-placeholder {
66 background-color: #f5f5f5;
67 height: 13px;
68 }
69 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
70 margin-top: 15px;
71 }
72
73 .mrc-preview-addtocart-placeholder {
74 background-color: #e5e5e5;
75 width: 140px;
76 height: 30px;
77 }
78
79 @media (max-width: 991px) {
80 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
81 height: 33vw;
82 }
83 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
84 height: 7vw;
85 }
86 }
87 .merchant-variations-wrapper .merchant-variation-type-image > a img {
88 width: 100%;
89 height: 100%;
90 }
91
92 table.variations {
93 margin: 15px 0;
94 }
95
96 table.variations tr td.value {
97 padding: 10px;
98 }
99
100 table.variations tr th {
101 text-align: left;
102 padding-right: 10px;
103 }
104
105 .single-product .variations select {
106 width: 100%;
107 }