Add tag styling

DEFRA · Nov 14, 2024 · 94346e4 · 94346e4
1 parent 66bedbc
commit 94346e4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/client/stylesheets/_tag-env.scss b/src/client/stylesheets/_tag-env.scss
@@ -0,0 +1,11 @@
+@use "govuk-frontend" as *;
+
+.app-tag--env {
+  margin: -6px 0 0;
+  vertical-align: top;
+  @include govuk-font-size($size: 16);
+
+  @include govuk-media-query($from: tablet) {
+    margin-top: -3px;
+  }
+}
diff --git a/src/client/stylesheets/application.scss b/src/client/stylesheets/application.scss
@@ -2,6 +2,7 @@
 @use "pkg:accessible-autocomplete";
 @use "service-banner";
 @use "summary-list";
+@use "tag-env";
 @use "prose";
 
 // Use default GDS Transport font for autocomplete

diff --git a/src/server/views/components/tag-env/template.njk b/src/server/views/components/tag-env/template.njk
@@ -24,5 +24,5 @@
 
 {{ govukTag({
   text: text,
-  classes: classes
+  classes: classes + " app-tag--env"
 }) }}