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 / storewide-sale / 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/storewide-sale/admin/preview.css

149 lines 3.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .merchant-module-page-setting-field[data-id=availability] {
2 margin-bottom: 0;
3 }
4
5 .merchant-module-page-setting-field[data-id=start_date] {
6 margin-top: 24px;
7 }
8
9 .merchant-module-page-preview-browser-inner {
10 display: -webkit-box;
11 display: -ms-flexbox;
12 display: flex;
13 -webkit-box-flex: 0;
14 -ms-flex-positive: 0;
15 flex-grow: 0;
16 width: 100%;
17 margin: auto;
18 padding: 25px;
19 padding-bottom: 0;
20 }
21
22 .mrc-preview-single-product-elements {
23 width: 100%;
24 display: -webkit-box;
25 display: -ms-flexbox;
26 display: flex;
27 gap: 25px;
28 }
29 .mrc-preview-single-product-elements .mrc-preview-left-column {
30 width: 30%;
31 min-width: 30%;
32 }
33 .mrc-preview-single-product-elements .mrc-preview-right-column {
34 width: 50%;
35 padding-top: 25px;
36 }
37 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
38 background-color: #E3E3E3;
39 height: 17vw;
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 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
51 width: 100%;
52 height: 2vw;
53 background-color: #E3E3E3;
54 margin-top: 10px;
55 }
56 .mrc-preview-single-product-elements .price del {
57 color: #8A8A8A;
58 margin-right: 5px;
59 font-size: 1.1rem;
60 }
61 .mrc-preview-single-product-elements .price ins {
62 text-decoration: none;
63 }
64 .mrc-preview-single-product-elements .price ins bdi {
65 font-size: 1.5rem;
66 font-weight: bold;
67 }
68
69 .mrc-mw-70 {
70 max-width: 70%;
71 }
72
73 .mrc-mw-30 {
74 max-width: 30%;
75 }
76
77 .mrc-mw-40 {
78 max-width: 40%;
79 }
80
81 @media (max-width: 1281px) {
82 .mrc-hide-on-smaller-screens {
83 display: none;
84 }
85 }
86 .mrc-preview-text-placeholder {
87 background-color: #E5E5E5;
88 height: 13px;
89 border-radius: 7px;
90 }
91 .mrc-preview-text-placeholder.smaller {
92 height: 8px;
93 }
94 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
95 margin-top: 15px;
96 }
97
98 .mrc-preview-addtocart-placeholder {
99 display: -webkit-box;
100 display: -ms-flexbox;
101 display: flex;
102 -webkit-box-align: center;
103 -ms-flex-align: center;
104 align-items: center;
105 }
106 .mrc-preview-addtocart-placeholder input {
107 background-color: #E5E5E5;
108 border: none;
109 width: 50px;
110 margin-right: 10px;
111 display: inline-block;
112 color: #EFEFEF;
113 -webkit-appearance: textfield;
114 -moz-appearance: textfield;
115 appearance: textfield;
116 }
117 .mrc-preview-addtocart-placeholder input::-webkit-inner-spin-button {
118 color: blue;
119 -webkit-appearance: caret;
120 display: block;
121 background-color: red;
122 }
123 .mrc-preview-addtocart-placeholder button {
124 background-color: #E5E5E5;
125 display: inline-block;
126 border: none;
127 width: 120px;
128 line-height: 2.15384615;
129 min-height: 30px;
130 border-radius: 4px;
131 }
132 .mrc-preview-addtocart-placeholder button:before {
133 width: 80%;
134 height: 5px;
135 border-radius: 3px;
136 background-color: #f6f5f5;
137 content: "";
138 display: block;
139 margin: 0 auto;
140 }
141
142 @media (max-width: 991px) {
143 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
144 height: 33vw;
145 }
146 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
147 height: 7vw;
148 }
149 }