Merge pull request #1119 from alphagov/next-previous-cache-fix

Add previous styles for previous next
alphagov · Aug 24, 2017 · f586821 · f586821
2 parents 32f0518 + 550ebb4
commit f586821
Showing 1 changed file with 82 additions and 0 deletions.
diff --git 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;
+    }
+  }
+}