From: maks feltrin Date: Thu, 18 Aug 2016 15:26:50 +0000 (+0200) Subject: configurable pagination current page number on mobile X-Git-Tag: v6.2.4-rc1~27^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=3dfed28e8f4745fe1838fb193ff371fbabfaa287;p=thirdparty%2Ffoundation%2Ffoundation-sites.git configurable pagination current page number on mobile --- diff --git a/scss/components/_pagination.scss b/scss/components/_pagination.scss index 6f1f23b1c..a6e2a3ced 100644 --- a/scss/components/_pagination.scss +++ b/scss/components/_pagination.scss @@ -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; }