]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
configurable pagination current page number on mobile
authormaks feltrin <pine3ree@gmail.com>
Thu, 18 Aug 2016 15:26:50 +0000 (17:26 +0200)
committerGitHub <noreply@github.com>
Thu, 18 Aug 2016 15:26:50 +0000 (17:26 +0200)
scss/components/_pagination.scss

index 6f1f23b1c0cf929860da9d6c67174123be4dff97..a6e2a3ced8e196ee19d9b58f49738e30a63f684e 100644 (file)
@@ -50,10 +50,15 @@ $pagination-item-color-disabled: $medium-gray !default;
 /// @type Color
 $pagination-ellipsis-color: $black !default;
 
-/// If `false`, don't display page number links on mobile, only next/previous links.
+/// If `false`, don't display page number links on mobile, only next/previous links
+/// and optionally current page number.
 /// @type Boolean
 $pagination-mobile-items: false !default;
 
+/// If `false`, don't display current page number on mobile.
+/// @type Boolean
+$pagination-mobile-current-item: false !default;
+
 /// If `true`, arrows are added to the next and previous links of pagination.
 /// @type Boolean
 $pagination-arrows: true !default;
@@ -81,6 +86,12 @@ $pagination-arrows: true !default;
         display: inline-block;
       }
 
+      @if $pagination-mobile-current-item {
+        &.current {
+          display: inline-block;
+        }
+      }
+
       @include breakpoint(medium) {
         display: inline-block;
       }