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

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

113 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 * Buy Now
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 .mrc-preview-text-placeholder {
66 background-color: #f5f5f5;
67 height: 13px;
68 }
69 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
70 margin-top: 15px;
71 }
72
73 .mrc-preview-addtocart-placeholder {
74 background-color: #e5e5e5;
75 width: 140px;
76 height: 30px;
77 }
78
79 @media (max-width: 991px) {
80 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
81 height: 33vw;
82 }
83 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
84 height: 7vw;
85 }
86 }
87 .merchant-buy-now-button {
88 display: -webkit-inline-box;
89 display: -ms-inline-flexbox;
90 display: inline-flex;
91 -webkit-box-align: center;
92 -ms-flex-align: center;
93 align-items: center;
94 margin-top: 1.3rem !important;
95 text-decoration: none;
96 padding-top: var(--mrc-buy-now-padding-top-bottom, 13px) !important;
97 padding-bottom: var(--mrc-buy-now-padding-top-bottom, 13px) !important;
98 padding-left: var(--mrc-buy-now-padding-left-right, 24px) !important;
99 padding-right: var(--mrc-buy-now-padding-left-right, 24px) !important;
100 font-size: var(--mrc-buy-now-font-size, 16px);
101 border-radius: var(--mrc-buy-now-border-radius, 0px);
102 color: #FFF !important;
103 border-color: #212121 !important;
104 background-color: #212121 !important;
105 }
106 .merchant-buy-now-button:hover {
107 color: #FFF !important;
108 border-color: #414141 !important;
109 background-color: #414141 !important;
110 }
111 .merchant-buy-now-button.merchant-custom-buy-now-button {
112 margin-top: 1.3rem !important;
113 }