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

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

122 lines 2.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Spending Goal
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: #e5e5e5;
80 width: 140px;
81 height: 30px;
82 }
83
84 @media (max-width: 991px) {
85 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
86 height: 33vw;
87 }
88 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
89 height: 7vw;
90 }
91 }
92 .merchant-module-page-setting-field-inner {
93 display: -webkit-box;
94 display: -ms-flexbox;
95 display: flex;
96 }
97
98 .merchant-module-page-setting-field-before-input {
99 background: #eaeaea;
100 width: 30px;
101 text-align: center;
102 -webkit-box-pack: center;
103 -ms-flex-pack: center;
104 justify-content: center;
105 display: -webkit-box;
106 display: -ms-flexbox;
107 display: flex;
108 -webkit-box-orient: vertical;
109 -webkit-box-direction: normal;
110 -ms-flex-direction: column;
111 flex-direction: column;
112 margin-right: -3px;
113 position: relative;
114 z-index: 4;
115 border-top-left-radius: 5px;
116 border-bottom-left-radius: 5px;
117 font-size: 15px;
118 }
119
120 .merchant-module-page-preview-browser-inner .merchant-spending-goal-widget {
121 position: absolute;
122 }