PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / trunk
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant vtrunk
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 1.9.12 All 59 releases
merchant / assets / css / modules / size-chart / admin / preview.css

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

120 lines 2.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Size Chart
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: 30px 25px 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 @media (max-width: 1281px) {
66 .mrc-hide-on-smaller-screens {
67 display: none;
68 }
69 }
70 .mrc-preview-text-placeholder {
71 background-color: #f5f5f5;
72 height: 13px;
73 }
74 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
75 margin-top: 15px;
76 }
77
78 .mrc-preview-addtocart-placeholder {
79 background-color: #e5e5e5;
80 width: 140px;
81 height: 30px;
82 }
83
84 @media (max-width: 991px) {
85 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
86 height: 33vw;
87 }
88 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
89 height: 7vw;
90 }
91 }
92 body.merchant-product-size-chart-modal-open {
93 overflow: auto !important;
94 }
95
96 .merchant-product-size-chart {
97 margin: 25px 0;
98 }
99
100 .merchant-product-size-chart-button a {
101 font-size: 1rem;
102 text-decoration: none;
103 }
104 .merchant-product-size-chart-button a span {
105 position: relative;
106 top: -2px;
107 }
108
109 .merchant-product-size-chart-modal {
110 position: absolute;
111 }
112
113 .merchant-product-size-chart-modal-tables {
114 margin-bottom: 0;
115 }
116
117 .merchant-product-size-chart-modal-table {
118 width: 100%;
119 border-spacing: 0;
120 }