PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 2.2.7
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v2.2.7
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-bundles / admin / preview.css

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

134 lines 3.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Countdown Timer
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 }
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 @media (max-width: 1281px) {
66 .mrc-hide-on-smaller-screens {
67 display: none;
68 }
69 }
70 .mrc-preview-text-placeholder {
71 background-color: #f5f5f5;
72 height: 13px;
73 }
74 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
75 margin-top: 15px;
76 }
77
78 .mrc-preview-addtocart-placeholder {
79 background-color: #f5f5f5;
80 width: 140px;
81 height: 30px;
82 }
83
84 .mrc-preview-bundle-wrapper {
85 display: -webkit-box;
86 display: -ms-flexbox;
87 display: flex;
88 -ms-flex-wrap: wrap;
89 flex-wrap: wrap;
90 margin-top: 25px;
91 margin-bottom: 25px;
92 }
93 .mrc-preview-bundle-wrapper .mrc-preview-bundle-product {
94 display: -webkit-box;
95 display: -ms-flexbox;
96 display: flex;
97 -webkit-box-align: start;
98 -ms-flex-align: start;
99 align-items: flex-start; /* Align items to the start (top) */
100 width: 100%;
101 margin-bottom: 15px;
102 }
103 .mrc-preview-bundle-wrapper .mrc-preview-bundle-product .mrc-preview-bundle-product-image {
104 background-color: #e5e5e5;
105 height: 60px; /* Adjust height as needed */
106 width: 20%;
107 margin-right: 10px; /* Add margin to create space between image and info */
108 }
109 .mrc-preview-bundle-wrapper .mrc-preview-bundle-product .mrc-preview-bundle-product-info {
110 width: 60%;
111 }
112 .mrc-preview-bundle-wrapper .mrc-preview-bundle-product .mrc-preview-bundle-product-info .mrc-preview-bundle-product-title {
113 background-color: #e5e5e5;
114 height: 13px;
115 margin-bottom: 10px;
116 }
117 .mrc-preview-bundle-wrapper .mrc-preview-bundle-product .mrc-preview-bundle-product-info .mrc-preview-bundle-product-description {
118 background-color: #e5e5e5;
119 height: 13px;
120 margin-bottom: 10px;
121 }
122 .mrc-preview-bundle-wrapper .mrc-preview-bundle-product .mrc-preview-bundle-product-info .mrc-preview-bundle-product-price {
123 background-color: #e5e5e5;
124 height: 13px;
125 }
126
127 @media (max-width: 991px) {
128 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
129 height: 33vw;
130 }
131 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
132 height: 7vw;
133 }
134 }