Add border to tag for overriden colours

alphagov · Jul 2, 2018 · 36706b6 · 36706b6
1 parent 8136741
commit 36706b6
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/tag/_tag.scss b/src/components/tag/_tag.scss
@@ -4,10 +4,15 @@
 
 @include govuk-exports("govuk/component/tag") {
   .govuk-tag {
-    @include govuk-font($size: 16, $weight: bold, $line-height: 1.25);
+    @include govuk-font($size: 16, $weight: bold, $line-height: 1);
 
     display: inline-block;
-    padding: govuk-spacing(1) 8px 0;
+    padding-top: .3125em;
+    padding-right: .3125em;
+    padding-bottom: .125em;
+    padding-left: .3125em;
+
+    border: .125em solid govuk-colour("blue");
 
     color: govuk-colour("white");
     background-color: govuk-colour("blue");
@@ -18,6 +23,7 @@
   }
 
   .govuk-tag--inactive {
+    border-color: govuk-colour("grey-1");
     background-color: govuk-colour("grey-1");
   }
 }