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

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

131 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
26 .mrc-preview-single-product-elements .mrc-preview-left-column {
27 width: 30%;
28 min-width: 30%;
29 }
30
31 .mrc-preview-single-product-elements .mrc-preview-right-column {
32 width: 70%;
33 padding-top: 25px;
34 }
35
36 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
37 background-color: #f5f5f5;
38 height: 12vw;
39 }
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
51 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
52 width: 100%;
53 height: 3vw;
54 background-color: #f5f5f5;
55 margin-top: 10px;
56 }
57
58 .mrc-mw-70 {
59 max-width: 70%;
60 }
61
62 .mrc-mw-30 {
63 max-width: 30%;
64 }
65
66 .mrc-mw-40 {
67 max-width: 40%;
68 }
69
70 @media (max-width: 1281px) {
71 .mrc-hide-on-smaller-screens {
72 display: none;
73 }
74 }
75
76 .mrc-preview-text-placeholder {
77 background-color: #f5f5f5;
78 height: 13px;
79 }
80
81 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder,
82 .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
83 margin-top: 15px;
84 }
85
86 .mrc-preview-addtocart-placeholder {
87 background-color: #e5e5e5;
88 width: 140px;
89 height: 30px;
90 }
91
92 @media (max-width: 991px) {
93 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
94 height: 33vw;
95 }
96 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
97 height: 7vw;
98 }
99 }
100
101 body.merchant-product-size-chart-modal-open {
102 overflow: auto !important;
103 }
104
105 .merchant-product-size-chart {
106 margin: 25px 0;
107 }
108
109 .merchant-product-size-chart-button a {
110 font-size: 1rem;
111 text-decoration: none;
112 }
113
114 .merchant-product-size-chart-button a span {
115 position: relative;
116 top: -2px;
117 }
118
119 .merchant-product-size-chart-modal {
120 position: absolute;
121 }
122
123 .merchant-product-size-chart-modal-tables {
124 margin-bottom: 0;
125 }
126
127 .merchant-product-size-chart-modal-table {
128 width: 100%;
129 border-spacing: 0;
130 }
131