EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Avoid colliding of header badges in mobile view

Browse Source
This commit is contained in:
Björn Fromme
2018-11-21 10:19:50 +01:00
parent 817a8aa639
commit a40e9d752e
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss
+5 -1
View File
@@ -80,9 +80,13 @@
display: block; display: block;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 12px;
line-height: 1; line-height: 1;
padding-bottom: 4px; padding-bottom: 4px;
@include mq($from: tablet) {
font-size: 24px;
}
} }
.custom-badge__subtitle { .custom-badge__subtitle {
web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss
+10 -4
View File
@@ -61,9 +61,9 @@
.product-header__badge { .product-header__badge {
position: absolute; position: absolute;
display: block; display: block;
@include size(160px); @include size(100px);
top: 36px; top: 0;
right: 8px; right: 64px;
&--skipass { &--skipass {
width: 75px; width: 75px;
@@ -73,7 +73,7 @@
} }
.custom-badge__title { .custom-badge__title {
font-size: 20px; font-size: 12px;
} }
.custom-badge__subtitle { .custom-badge__subtitle {
@@ -82,6 +82,12 @@
@include mq($from: tablet) { @include mq($from: tablet) {
@include size(180px); @include size(180px);
&--custom {
top: 36px;
right: 20%;
}
.custom-badge__title { .custom-badge__title {
font-size: 22px; font-size: 22px;
} }