Merge branch 'hotfix/mobile-styles'
This commit is contained in:
@@ -201,6 +201,10 @@
|
|||||||
width:100%;
|
width:100%;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
height:auto;
|
height:auto;
|
||||||
|
@include mq($until: tablet) {
|
||||||
|
max-width: 50%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.ep-newsletter{
|
&.ep-newsletter{
|
||||||
|
|||||||
@@ -80,7 +80,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 12px;
|
font-size: 2vw;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
|
|
||||||
|
|||||||
@@ -61,10 +61,16 @@
|
|||||||
.product-header__badge {
|
.product-header__badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
@include size(100px);
|
@include size(80px);
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 64px;
|
right: 64px;
|
||||||
|
|
||||||
|
&--custom {
|
||||||
|
top: auto;
|
||||||
|
bottom: 0;
|
||||||
|
right: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
&--skipass {
|
&--skipass {
|
||||||
width: 75px;
|
width: 75px;
|
||||||
height: auto;
|
height: auto;
|
||||||
@@ -84,6 +90,7 @@
|
|||||||
@include size(180px);
|
@include size(180px);
|
||||||
|
|
||||||
&--custom {
|
&--custom {
|
||||||
|
bottom: auto;
|
||||||
top: 36px;
|
top: 36px;
|
||||||
right: 20%;
|
right: 20%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user