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

143 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
27 .mrc-preview-single-product-elements .mrc-preview-left-column {
28 width: 30%;
29 min-width: 30%;
30 }
31
32 .mrc-preview-single-product-elements .mrc-preview-right-column {
33 width: 70%;
34 padding-top: 25px;
35 }
36
37 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
38 background-color: #f5f5f5;
39 height: 12vw;
40 }
41
42 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
43 width: 100%;
44 display: -webkit-box;
45 display: -ms-flexbox;
46 display: flex;
47 gap: 10px;
48 -ms-flex-wrap: nowrap;
49 flex-wrap: nowrap;
50 }
51
52 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
53 width: 100%;
54 height: 3vw;
55 background-color: #f5f5f5;
56 margin-top: 10px;
57 }
58
59 .mrc-mw-70 {
60 max-width: 70%;
61 }
62
63 .mrc-mw-30 {
64 max-width: 30%;
65 }
66
67 .mrc-mw-40 {
68 max-width: 40%;
69 }
70
71 @media (max-width: 1281px) {
72 .mrc-hide-on-smaller-screens {
73 display: none;
74 }
75 }
76
77 .mrc-preview-text-placeholder {
78 background-color: #f5f5f5;
79 height: 13px;
80 }
81
82 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder,
83 .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
102 body.merchant-floating-side-mini-cart-show {
103 overflow: auto !important;
104 }
105
106 .merchant-floating-mini-cart-icon {
107 position: absolute;
108 pointer-events: all;
109 opacity: 1;
110 visibility: visible;
111 -webkit-transform: none;
112 transform: none;
113 }
114
115 .merchant-floating-mini-cart-icon.left {
116 left: var(--mrc-fmci-corner-offset, 30px);
117 right: auto !important;
118 }
119
120 .merchant-floating-mini-cart-icon.right {
121 left: auto !important;
122 right: var(--mrc-fmci-corner-offset, 30px);
123 }
124
125 .merchant-floating-side-mini-cart-overlay {
126 position: absolute;
127 }
128
129 .merchant-floating-side-mini-cart {
130 position: absolute;
131 }
132
133 .mrc-product-image {
134 display: block;
135 width: 62px;
136 height: 70px;
137 background-color: #f5f5f5;
138 }
139
140 .merchant-floating-side-mini-cart-widget .product_list_widget {
141 height: 200px !important;
142 }
143