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 / spending-goal / 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/spending-goal/admin/preview.css

132 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
26 .mrc-preview-single-product-elements .mrc-preview-left-column {
27 width: 30%;
28 min-width: 30%;
29 }
30
31 .mrc-preview-single-product-elements .mrc-preview-right-column {
32 width: 70%;
33 padding-top: 25px;
34 }
35
36 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
37 background-color: #f5f5f5;
38 height: 12vw;
39 }
40
41 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
42 width: 100%;
43 display: -webkit-box;
44 display: -ms-flexbox;
45 display: flex;
46 gap: 10px;
47 -ms-flex-wrap: nowrap;
48 flex-wrap: nowrap;
49 }
50
51 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
52 width: 100%;
53 height: 3vw;
54 background-color: #f5f5f5;
55 margin-top: 10px;
56 }
57
58 .mrc-mw-70 {
59 max-width: 70%;
60 }
61
62 .mrc-mw-30 {
63 max-width: 30%;
64 }
65
66 .mrc-mw-40 {
67 max-width: 40%;
68 }
69
70 @media (max-width: 1281px) {
71 .mrc-hide-on-smaller-screens {
72 display: none;
73 }
74 }
75
76 .mrc-preview-text-placeholder {
77 background-color: #f5f5f5;
78 height: 13px;
79 }
80
81 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder,
82 .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
83 margin-top: 15px;
84 }
85
86 .mrc-preview-addtocart-placeholder {
87 background-color: #e5e5e5;
88 width: 140px;
89 height: 30px;
90 }
91
92 @media (max-width: 991px) {
93 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
94 height: 33vw;
95 }
96 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
97 height: 7vw;
98 }
99 }
100
101 .merchant-module-page-setting-field-inner {
102 display: -webkit-box;
103 display: -ms-flexbox;
104 display: flex;
105 }
106
107 .merchant-module-page-setting-field-before-input {
108 background: #eaeaea;
109 width: 30px;
110 text-align: center;
111 -webkit-box-pack: center;
112 -ms-flex-pack: center;
113 justify-content: center;
114 display: -webkit-box;
115 display: -ms-flexbox;
116 display: flex;
117 -webkit-box-orient: vertical;
118 -webkit-box-direction: normal;
119 -ms-flex-direction: column;
120 flex-direction: column;
121 margin-right: -3px;
122 position: relative;
123 z-index: 4;
124 border-top-left-radius: 5px;
125 border-bottom-left-radius: 5px;
126 font-size: 15px;
127 }
128
129 .merchant-module-page-preview-browser-inner .merchant-spending-goal-widget {
130 position: absolute;
131 }
132