PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.8.2
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.8.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 / floating-mini-cart / admin / preview.css

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

131 lines 2.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Floating Mini 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: 30px 25px 25px;
16 height: 472px;
17 }
18
19 .mrc-preview-single-product-elements {
20 width: 100%;
21 display: -webkit-box;
22 display: -ms-flexbox;
23 display: flex;
24 gap: 25px;
25 }
26 .mrc-preview-single-product-elements .mrc-preview-left-column {
27 width: 30%;
28 min-width: 30%;
29 }
30 .mrc-preview-single-product-elements .mrc-preview-right-column {
31 width: 70%;
32 padding-top: 25px;
33 }
34 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
35 background-color: #f5f5f5;
36 height: 12vw;
37 }
38 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
39 width: 100%;
40 display: -webkit-box;
41 display: -ms-flexbox;
42 display: flex;
43 gap: 10px;
44 -ms-flex-wrap: nowrap;
45 flex-wrap: nowrap;
46 }
47 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
48 width: 100%;
49 height: 3vw;
50 background-color: #f5f5f5;
51 margin-top: 10px;
52 }
53
54 .mrc-mw-70 {
55 max-width: 70%;
56 }
57
58 .mrc-mw-30 {
59 max-width: 30%;
60 }
61
62 .mrc-mw-40 {
63 max-width: 40%;
64 }
65
66 @media (max-width: 1281px) {
67 .mrc-hide-on-smaller-screens {
68 display: none;
69 }
70 }
71 .mrc-preview-text-placeholder {
72 background-color: #f5f5f5;
73 height: 13px;
74 }
75 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
76 margin-top: 15px;
77 }
78
79 .mrc-preview-addtocart-placeholder {
80 background-color: #e5e5e5;
81 width: 140px;
82 height: 30px;
83 }
84
85 @media (max-width: 991px) {
86 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
87 height: 33vw;
88 }
89 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
90 height: 7vw;
91 }
92 }
93 body.merchant-floating-side-mini-cart-show {
94 overflow: auto !important;
95 }
96
97 .merchant-floating-mini-cart-icon {
98 position: absolute;
99 pointer-events: all;
100 opacity: 1;
101 visibility: visible;
102 -webkit-transform: none;
103 transform: none;
104 }
105 .merchant-floating-mini-cart-icon.left {
106 left: var(--mrc-fmci-corner-offset, 30px);
107 right: auto !important;
108 }
109 .merchant-floating-mini-cart-icon.right {
110 left: auto !important;
111 right: var(--mrc-fmci-corner-offset, 30px);
112 }
113
114 .merchant-floating-side-mini-cart-overlay {
115 position: absolute;
116 }
117
118 .merchant-floating-side-mini-cart {
119 position: absolute;
120 }
121
122 .mrc-product-image {
123 display: block;
124 width: 62px;
125 height: 70px;
126 background-color: #f5f5f5;
127 }
128
129 .merchant-floating-side-mini-cart-widget .product_list_widget {
130 height: 200px !important;
131 }