dev: reduce size of label font on smaller screens

UKHomeOffice · Sep 8, 2017 · e85464e · e85464e
1 parent e1f7330
commit e85464e
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/assets/sass/components/_labels.scss b/app/assets/sass/components/_labels.scss
@@ -4,8 +4,6 @@
 
 @mixin label ($label-background: $panel-colour, $label-border: $secondary-text-colour, $label-text: $text-colour) {
     background: $label-background;
-    // border: 1px solid $label-border;
-    // border-radius: $border-radius;
     color: $white;
     display: inline-block;
     line-height: 1;
@@ -31,3 +29,9 @@
 .label--red {
     @include label($red, $red)
 }
+
+@media (max-width: 641px) {
+  .label, .label--white, .label--blue, .label--red {
+    font-size: 1.3rem;
+  }
+}