Improve size and position of custom badge in mobile view

2019-09-27 13:40:12 +02:00
parent e7ba0bae9a
commit 2517ff0cd0
2 changed files with 9 additions and 2 deletions
@@ -80,7 +80,7 @@
  display: block;
  text-transform: uppercase;
  font-weight: 700;
-  font-size: 12px;
+  font-size: 2vw;
  line-height: 1;
  padding-bottom: 4px;

@@ -61,10 +61,16 @@
 .product-header__badge {
  position: absolute;
  display: block;
-  @include size(100px);
+  @include size(80px);
  top: 0;
  right: 64px;

+  &--custom {
+    top: auto;
+    bottom: 0;
+    right: 110px;
+  }
+
  &--skipass {
    width: 75px;
    height: auto;
@@ -84,6 +90,7 @@
    @include size(180px);

    &--custom {
+      bottom: auto;
      top: 36px;
      right: 20%;
    }