From 550ebb4f55457f3a612000b974e35e0faf559391 Mon Sep 17 00:00:00 2001
From: Andy Sellick <andy.sellick@digital.cabinet-office.gov.uk>
Date: Thu, 24 Aug 2017 13:08:59 +0000
Subject: [PATCH] Add previous styles for previous next

- temporary fix to get around issue of HTML caching from slimmer
- will be removed
---
 .../_previous-and-next-navigation.scss        | 82 +++++++++++++++++++
 1 file changed, 82 insertions(+)

diff --git a/app/assets/stylesheets/govuk-component/_previous-and-next-navigation.scss b/app/assets/stylesheets/govuk-component/_previous-and-next-navigation.scss
index cdd32c043..2ab2a55a9 100644
--- a/app/assets/stylesheets/govuk-component/_previous-and-next-navigation.scss
+++ b/app/assets/stylesheets/govuk-component/_previous-and-next-navigation.scss
@@ -81,3 +81,85 @@
   text-decoration: underline;
 }
 // scss-lint:enable SelectorFormat
+
+.govuk-previous-and-next-navigation {
+  display: block;
+  margin-top: $gutter;
+  margin-bottom: $gutter;
+  margin-left: -$gutter-half;
+  margin-right: -$gutter-half;
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    @include core-16($line-height: (20 / 16));
+    float: left;
+    list-style: none;
+    text-align: right;
+    margin: 0;
+    padding: 0;
+    width: 50%;
+
+    a {
+      display: block;
+      padding: $gutter-half;
+      text-decoration: none;
+
+      &:visited {
+        color: $link-colour;
+      }
+
+      &:hover,
+      &:active {
+        background-color: $canvas-colour;
+      }
+
+      .pagination-part-title {
+        @include core-27($line-height: (33.75 / 27));
+        display: block;
+      }
+    }
+  }
+
+  .previous-page {
+    float: left;
+    text-align: left;
+  }
+
+  .next-page {
+    float: right;
+    text-align: right;
+  }
+
+  @include media-down(mobile) {
+    .previous-page,
+    .next-page {
+      float: none;
+      width: 100%;
+    }
+
+    .next-page a {
+      text-align: right;
+    }
+  }
+
+  .pagination-icon {
+    display: inline-block;
+    margin-bottom: 1px;
+    height: .482em;
+    width: .63em;
+  }
+
+  .pagination-label {
+    display: inline-block;
+    margin-top: 0.1em;
+    text-decoration: underline;
+
+    &:empty {
+      display: none;
+    }
+  }
+}