app/assets/stylesheets/sass/components/pagination.sass in bulma-rails-0.9.1 vs app/assets/stylesheets/sass/components/pagination.sass in bulma-rails-0.9.2
- old
+ new
@@ -1,15 +1,21 @@
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
$pagination-color: $text-strong !default
$pagination-border-color: $border !default
$pagination-margin: -0.25rem !default
$pagination-min-width: $control-height !default
$pagination-item-font-size: 1em !default
$pagination-item-margin: 0.25rem !default
$pagination-item-padding-left: 0.5em !default
$pagination-item-padding-right: 0.5em !default
+$pagination-nav-padding-left: 0.75em !default
+$pagination-nav-padding-right: 0.75em !default
+
$pagination-hover-color: $link-hover !default
$pagination-hover-border-color: $link-hover-border !default
$pagination-focus-color: $link-focus !default
$pagination-focus-border-color: $link-focus-border !default
@@ -25,11 +31,11 @@
$pagination-current-background-color: $link !default
$pagination-current-border-color: $link !default
$pagination-ellipsis-color: $grey-light !default
-$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
+$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
.pagination
@extend %block
font-size: $size-normal
margin: $pagination-margin
@@ -89,12 +95,12 @@
color: $pagination-disabled-color
opacity: 0.5
.pagination-previous,
.pagination-next
- padding-left: 0.75em
- padding-right: 0.75em
+ padding-left: $pagination-nav-padding-left
+ padding-right: $pagination-nav-padding-right
white-space: nowrap
.pagination-link
&.is-current
background-color: $pagination-current-background-color
@@ -105,9 +111,11 @@
color: $pagination-ellipsis-color
pointer-events: none
.pagination-list
flex-wrap: wrap
+ li
+ list-style: none
+mobile
.pagination
flex-wrap: wrap
.pagination-previous,