Add new Beta Label

Following on from alphagov/slimmer#64, it was decided to add the Beta Label and slowly phase out Beta Notice.
alphagov · Mar 12, 2014 · b4ec990 · b4ec990
1 parent dedd531
commit b4ec990
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -26,3 +26,5 @@
 @import "static-pages/error-pages";
 
 @import "multi-step";
+
+@import "beta-label";
diff --git a/app/assets/stylesheets/beta-label.scss b/app/assets/stylesheets/beta-label.scss
@@ -0,0 +1,16 @@
+.beta-label {
+  clear: both;
+  margin:0;
+  @include copy-16;
+
+  span.beta {
+    display: inline-block;
+    background: #f47738;
+    color: #fff;
+    @include bold-16;
+    line-height:1;
+    text-transform: uppercase;
+    padding: 5px 5px 2px 6px;
+    margin-right:10px;
+  }
+}
diff --git a/app/views/root/beta_label.html.erb b/app/views/root/beta_label.html.erb
@@ -0,0 +1 @@
+<div class="beta-label"><span class="beta">beta</span> This part of GOV.UK is being rebuilt &ndash; <a href="/help/beta">find out what this means</a></div>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -26,3 +26,5 @@
		@import "static-pages/error-pages";

		@import "multi-step";

		@import "beta-label";
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<div class="beta-label"><span class="beta">beta</span> This part of GOV.UK is being rebuilt – <a href="/help/beta">find out what this means</a></div>