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

124 lines 3.1 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-setting-fields {
7 gap: 24px;
8 }
9
10 .merchant-module-page-setting-field {
11 margin: 0;
12 }
13 .merchant-module-page-setting-field[data-id=shortcode_text] {
14 margin-top: 0;
15 }
16
17 .merchant-module-page-preview-browser-inner {
18 display: -webkit-box;
19 display: -ms-flexbox;
20 display: flex;
21 -webkit-box-flex: 0;
22 -ms-flex-positive: 0;
23 flex-grow: 0;
24 width: 100%;
25 margin: auto;
26 padding: 25px;
27 }
28
29 .mrc-preview-single-product-elements {
30 width: 100%;
31 display: -webkit-box;
32 display: -ms-flexbox;
33 display: flex;
34 gap: 25px;
35 }
36 .mrc-preview-single-product-elements .mrc-preview-left-column {
37 width: 30%;
38 min-width: 30%;
39 }
40 .mrc-preview-single-product-elements .mrc-preview-right-column {
41 width: 70%;
42 padding-top: 25px;
43 }
44 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
45 background-color: #f5f5f5;
46 height: 12vw;
47 }
48 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
49 width: 100%;
50 display: -webkit-box;
51 display: -ms-flexbox;
52 display: flex;
53 gap: 10px;
54 -ms-flex-wrap: nowrap;
55 flex-wrap: nowrap;
56 }
57 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
58 width: 100%;
59 height: 3vw;
60 background-color: #f5f5f5;
61 margin-top: 10px;
62 }
63
64 .mrc-mw-70 {
65 max-width: 70%;
66 }
67
68 .mrc-mw-30 {
69 max-width: 30%;
70 }
71
72 .mrc-mw-40 {
73 max-width: 40%;
74 }
75
76 .mrc-preview-text-placeholder {
77 background-color: #f5f5f5;
78 height: 13px;
79 }
80 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
81 margin-top: 15px;
82 }
83
84 .mrc-preview-addtocart-placeholder {
85 background-color: #e5e5e5;
86 width: 140px;
87 height: 30px;
88 }
89
90 @media (max-width: 991px) {
91 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
92 height: 33vw;
93 }
94 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
95 height: 7vw;
96 }
97 }
98 .merchant-buy-now-button {
99 display: -webkit-inline-box;
100 display: -ms-inline-flexbox;
101 display: inline-flex;
102 -webkit-box-align: center;
103 -ms-flex-align: center;
104 align-items: center;
105 margin-top: 1.3rem !important;
106 text-decoration: none;
107 padding-top: var(--mrc-buy-now-padding-top-bottom, 13px) !important;
108 padding-bottom: var(--mrc-buy-now-padding-top-bottom, 13px) !important;
109 padding-left: var(--mrc-buy-now-padding-left-right, 24px) !important;
110 padding-right: var(--mrc-buy-now-padding-left-right, 24px) !important;
111 font-size: var(--mrc-buy-now-font-size, 16px);
112 border-radius: var(--mrc-buy-now-border-radius, 0px);
113 color: #FFF !important;
114 border-color: #212121 !important;
115 background-color: #212121 !important;
116 }
117 .merchant-buy-now-button:hover {
118 color: #FFF !important;
119 border-color: #414141 !important;
120 background-color: #414141 !important;
121 }
122 .merchant-buy-now-button.merchant-custom-buy-now-button {
123 margin-top: 1.3rem !important;
124 }