From 32ca36beb41a328fdd06fcee5a56ba404c34bfc4 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Tue, 29 Nov 2016 13:52:03 +0000
Subject: [PATCH] Add a phase-banner class and update examples
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keep the .phase-banner-alpha and .phase-banner-beta classes, so this
won’t be a breaking change, but since there isn’t a difference between
the two (as we’re not passing in a state to change the colour of the
phase tag), use a single class - phase-banner for both examples.
---
 app/views/includes/phase_banner.html       | 2 +-
 app/views/snippets/phase_banner_alpha.html | 2 +-
 public/sass/elements/_phase-banner.scss    | 6 ++----
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/views/includes/phase_banner.html b/app/views/includes/phase_banner.html
index e2e885d26..e3fc0f479 100644
--- a/app/views/includes/phase_banner.html
+++ b/app/views/includes/phase_banner.html
@@ -1,4 +1,4 @@
-<div class="phase-banner-alpha">
+<div class="phase-banner">
   <p>
     <strong class="phase-tag">ALPHA</strong>
     <span>This is a new service – your <a href="https://designpatterns.hackpad.com/GOV.UK-elements-feedback-sKrDyQxcfA2">feedback</a> will help us to improve it.</span>
diff --git a/app/views/snippets/phase_banner_alpha.html b/app/views/snippets/phase_banner_alpha.html
index b0461cf26..5bb013fa2 100644
--- a/app/views/snippets/phase_banner_alpha.html
+++ b/app/views/snippets/phase_banner_alpha.html
@@ -1,4 +1,4 @@
-<div class="phase-banner-alpha">
+<div class="phase-banner">
   <p>
     <strong class="phase-tag">ALPHA</strong>
     <span>This is a new service – your <a href="#">feedback</a> will help us to improve it.</span>
diff --git a/public/sass/elements/_phase-banner.scss b/public/sass/elements/_phase-banner.scss
index 56207f98f..e886497c1 100644
--- a/public/sass/elements/_phase-banner.scss
+++ b/public/sass/elements/_phase-banner.scss
@@ -1,10 +1,8 @@
 // Phase banners
 // ==========================================================================
 
-.phase-banner-alpha {
-  @include phase-banner();
-}
-
+.phase-banner,
+.phase-banner-alpha,
 .phase-banner-beta {
   @include phase-banner();
 }