PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.9.10
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.9.10
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 / volume-discounts / admin / preview.css

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

113 lines 2.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Volume Discounts
4 *
5 */
6 .merchant-flexible-content-control.volume-discounts-style .layout:not(.active) {
7 border-color: #5c5f62;
8 }
9 .merchant-flexible-content-control.volume-discounts-style .layout .layout-body {
10 padding: 15px;
11 grid-gap: unset;
12 }
13 .merchant-flexible-content-control.volume-discounts-style .layout .layout-body .merchant-module-page-setting-field {
14 margin-bottom: 20px;
15 }
16 .merchant-flexible-content-control.volume-discounts-style .layout .layout-body .merchant-module-page-setting-field-text input {
17 padding: 12px 8px;
18 }
19
20 .merchant-module-page-preview-browser-inner {
21 display: -webkit-box;
22 display: -ms-flexbox;
23 display: flex;
24 -webkit-box-flex: 0;
25 -ms-flex-positive: 0;
26 flex-grow: 0;
27 width: 100%;
28 margin: auto;
29 padding: 25px;
30 }
31
32 .mrc-preview-single-product-elements {
33 width: 100%;
34 display: -webkit-box;
35 display: -ms-flexbox;
36 display: flex;
37 gap: 25px;
38 }
39 .mrc-preview-single-product-elements .mrc-preview-left-column {
40 width: 30%;
41 min-width: 30%;
42 }
43 .mrc-preview-single-product-elements .mrc-preview-right-column {
44 width: 70%;
45 padding-top: 25px;
46 }
47 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
48 background-color: #f5f5f5;
49 height: 12vw;
50 }
51 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
52 width: 100%;
53 display: -webkit-box;
54 display: -ms-flexbox;
55 display: flex;
56 gap: 10px;
57 -ms-flex-wrap: nowrap;
58 flex-wrap: nowrap;
59 }
60 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
61 width: 100%;
62 height: 3vw;
63 background-color: #f5f5f5;
64 margin-top: 10px;
65 }
66
67 .mrc-mw-70 {
68 max-width: 70%;
69 }
70
71 .mrc-mw-30 {
72 max-width: 30%;
73 }
74
75 .mrc-mw-40 {
76 max-width: 40%;
77 }
78
79 .mrc-preview-text-placeholder {
80 background-color: #f5f5f5;
81 height: 13px;
82 }
83 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
84 margin-top: 15px;
85 }
86
87 .mrc-preview-addtocart-placeholder {
88 background-color: #e5e5e5;
89 width: 140px;
90 height: 30px;
91 }
92
93 @media (max-width: 991px) {
94 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
95 height: 33vw;
96 }
97 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
98 height: 7vw;
99 }
100 }
101 .mrc-preview-right-column {
102 padding-top: 10px !important;
103 }
104
105 .merchant-volume-discounts {
106 max-width: 350px;
107 margin: 0 !important;
108 }
109
110 .rtl .merchant-volume-discounts-item-label > span {
111 margin-right: 10px;
112 margin-left: unset;
113 }