PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.11.1
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.11.1
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 / quick-social-links / admin / preview.css

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

152 lines 3.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Quick Social Links
4 *
5 */
6 .merchant-choices.merchant-choices-layout label {
7 background-color: #f5f5f5;
8 padding: 10px;
9 border-radius: 10px;
10 width: calc(50% - 10px);
11 display: -webkit-box;
12 display: -ms-flexbox;
13 display: flex;
14 -webkit-box-pack: center;
15 -ms-flex-pack: center;
16 justify-content: center;
17 max-width: 33%;
18 }
19 .merchant-choices.merchant-choices-layout label img {
20 max-width: 100%;
21 }
22
23 .merchant-flexible-content-control[data-id=condition_rules] .layout {
24 margin-bottom: 0;
25 }
26
27 .merchant-flexible-content-control[data-id=links] .layout .layout-actions-no_accordion {
28 top: 10px;
29 right: 20px;
30 }
31
32 .merchant-module-page-preview-browser-inner {
33 display: -webkit-box;
34 display: -ms-flexbox;
35 display: flex;
36 -webkit-box-flex: 0;
37 -ms-flex-positive: 0;
38 flex-grow: 0;
39 width: 100%;
40 margin: auto;
41 padding: 30px 25px 25px;
42 height: 472px;
43 }
44
45 .mrc-preview-single-product-elements {
46 width: 100%;
47 display: -webkit-box;
48 display: -ms-flexbox;
49 display: flex;
50 gap: 25px;
51 }
52 .mrc-preview-single-product-elements .mrc-preview-left-column {
53 width: 30%;
54 min-width: 30%;
55 }
56 .mrc-preview-single-product-elements .mrc-preview-right-column {
57 width: 70%;
58 padding-top: 25px;
59 }
60 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
61 background-color: #f5f5f5;
62 height: 12vw;
63 }
64 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
65 width: 100%;
66 display: -webkit-box;
67 display: -ms-flexbox;
68 display: flex;
69 gap: 10px;
70 -ms-flex-wrap: nowrap;
71 flex-wrap: nowrap;
72 }
73 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
74 width: 100%;
75 height: 3vw;
76 background-color: #f5f5f5;
77 margin-top: 10px;
78 }
79
80 .mrc-mw-70 {
81 max-width: 70%;
82 }
83
84 .mrc-mw-30 {
85 max-width: 30%;
86 }
87
88 .mrc-mw-40 {
89 max-width: 40%;
90 }
91
92 @media (max-width: 1281px) {
93 .mrc-hide-on-smaller-screens {
94 display: none;
95 }
96 }
97 .mrc-preview-text-placeholder {
98 background-color: #f5f5f5;
99 height: 13px;
100 }
101 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
102 margin-top: 15px;
103 }
104
105 .mrc-preview-addtocart-placeholder {
106 background-color: #e5e5e5;
107 width: 140px;
108 height: 30px;
109 }
110
111 @media (max-width: 991px) {
112 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
113 height: 33vw;
114 }
115 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
116 height: 7vw;
117 }
118 }
119 .merchant-module-page-preview-browser-inner .merchant-quick-social-links {
120 position: absolute;
121 }
122
123 .merchant-module-page-setting-field-choices .merchant-svg {
124 width: 40px;
125 background: #f6f6f6;
126 border-radius: 10px;
127 display: -webkit-box;
128 display: -ms-flexbox;
129 display: flex;
130 -webkit-box-pack: center;
131 -ms-flex-pack: center;
132 justify-content: center;
133 padding: 10px;
134 }
135
136 .merchant-choices.merchant-choices-icon {
137 -ms-flex-wrap: wrap;
138 flex-wrap: wrap;
139 }
140 .merchant-choices.merchant-choices-icon .merchant-svg:hover svg,
141 .merchant-choices.merchant-choices-icon input:checked + .merchant-svg svg {
142 fill: #3858e9;
143 }
144
145 [data-id=links] .merchant-module-page-setting-field-choices {
146 display: none;
147 }
148
149 .rtl .merchant-quick-social-links .merchant-quick-social-link {
150 border-right: unset;
151 border-left: 1px solid rgba(0, 0, 0, 0.1);
152 }