Browse
For agents
About
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant
/
2.3.1
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant
v2.3.1
Switch version
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
Overview
Code
merchant
/
assets
/
css
/
modules
/
product-labels
/
admin
/
preview.min.css
assets/css/modules/product-labels/admin
preview.css
3.1 KB
1 month ago
preview.min.css
2.6 KB
1 month ago
preview.min.css
in Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant 2.3.1, at assets/css/modules/product-labels/admin/preview.min.css
1 lines
2.6 KB
Raw
Download
Zip
View raw
1
.
merchant-flexible-content
.
layout
.
merchant-upload-wrapper
{
margin-bottom
:
0
}
.
merchant-module-page-preview-browser-inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-flex
:
0
;
-ms-flex-positive
:
0
;
flex-grow
:
0
;
max-width
:
300
px
;
width
:
100
%
;
margin
:
auto
;
padding
:
50
px
25
px
}
.
merchant-product-labels-preview
{
width
:
100
%
}
.
merchant-product-labels-preview
.
image-wrapper
{
overflow
:
hidden
;
position
:
relative
;
height
:
11
vw
;
max-height
:
220
px
;
background-color
:
#
f5f5f5
}
.
merchant-product-labels-preview
.
merchant-product-labels
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.
merchant-flexible-content-control
.
product-labels-style
.
layout
{
border-left
:
3
px
solid
#
838383
;
-webkit-transition
:
300
ms
;
transition
:
300
ms
}
.
merchant-flexible-content-control
.
product-labels-style
.
layout
.
active
{
border-left
:
3
px
solid
#
3858e9
}
.
merchant-flexible-content-control
.
product-labels-style
.
layout-body
{
grid-gap
:
unset
}
.
merchant-flexible-content-control
.
product-labels-style
.
layout-body
.
merchant-module-page-setting-field
{
margin-bottom
:
20
px
}
.
merchant-choices-label_text_shape
label
figure
,
.
merchant-choices-label_image_shape
label
figure
{
border-color
:
#
e8e8e8
}
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_text_shape
{
gap
:
5
px
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
@
media
(
min-width
:
1400
px
)
{
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_text_shape
label
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
0
calc
(
12.5
%
-
10
px
)
;
flex
:
1
0
calc
(
12.5
%
-
10
px
)
;
max-width
:
calc
(
12.5
%
+
10
px
)
}
}
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_image_shape
{
gap
:
5
px
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_image_shape
label
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
0
calc
(
12.5
%
-
10
px
)
;
flex
:
1
0
calc
(
12.5
%
-
10
px
)
;
max-width
:
calc
(
12.5
%
+
10
px
)
}
@
media
(
max-width
:
1199
px
)
{
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_image_shape
label
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
0
calc
(
16.66
%
-
10
px
)
;
flex
:
1
0
calc
(
16.66
%
-
10
px
)
;
max-width
:
calc
(
16.66
%
+
10
px
)
}
}
@
media
(
max-width
:
991
px
)
{
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_image_shape
label
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
0
calc
(
25
%
-
10
px
)
;
flex
:
1
0
calc
(
25
%
-
10
px
)
;
max-width
:
calc
(
25
%
+
10
px
)
}
}
@
media
(
max-width
:
767
px
)
{
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_image_shape
label
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
0
calc
(
25
%
-
10
px
)
;
flex
:
1
0
calc
(
25
%
-
10
px
)
;
max-width
:
calc
(
25
%
+
10
px
)
}
}
.
merchant-module-page-setting-field-choices
.
merchant-choices-label_image_shape
figure
{
width
:
100
%
;
padding
:
10
px
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.
merchant-module-page-setting-field-choices
figure
img
{
width
:
100
%
}
