Skip to content

Commit

Permalink
feat(pagination): remove pagination size variants forbidden by Orange…
Browse files Browse the repository at this point in the history
… Brand for #283
  • Loading branch information
ffoodd committed Jan 22, 2020
1 parent 1ed8b39 commit cf70027
Show file tree
Hide file tree
Showing 3 changed files with 2 additions and 74 deletions.
14 changes: 1 addition & 13 deletions scss/_pagination.scss
Original file line number Diff line number Diff line change
Expand Up @@ -45,16 +45,4 @@
}
}


//
// Sizing
//
@include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-border-radius);

.pagination-lg {
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $border-radius-lg);
}

.pagination-sm {
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $border-radius-sm);
}
// Boosted mod: no pagination sizes
28 changes: 1 addition & 27 deletions scss/mixins/_pagination.scss
Original file line number Diff line number Diff line change
@@ -1,29 +1,3 @@
// Pagination

@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {
.page-link {
padding: $padding-y $padding-x;
@include font-size($font-size);
}

.page-item {
@if $pagination-margin-left == (-$pagination-border-width) {
&:first-child {
.page-link {
@include border-left-radius($border-radius);
}
}

&:last-child {
.page-link {
@include border-right-radius($border-radius);
}
}
} @else {
//Add border-radius to all pageLinks in case they have left margin
.page-link {
@include border-radius($border-radius);
}
}
}
}
// Boosted mod: no pagination sizes
34 changes: 0 additions & 34 deletions site/content/docs/4.3/components/pagination.md
Original file line number Diff line number Diff line change
Expand Up @@ -95,40 +95,6 @@ You can optionally swap out active or disabled anchors for `<span>`, or omit the
</nav>
{{< /example >}}

## Sizing

Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for additional sizes.

{{< example >}}
<nav aria-label="...">
<ul class="pagination pagination-lg">
<li class="page-item active" aria-current="page">
<span class="page-link">
1
<span class="sr-only">(current)</span>
</span>
</li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
</ul>
</nav>
{{< /example >}}

{{< example >}}
<nav aria-label="...">
<ul class="pagination pagination-sm">
<li class="page-item active" aria-current="page">
<span class="page-link">
1
<span class="sr-only">(current)</span>
</span>
</li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
</ul>
</nav>
{{< /example >}}

## Alignment

Change the alignment of pagination components with [flexbox utilities]({{< docsref "/utilities/flex" >}}).
Expand Down

0 comments on commit cf70027

Please sign in to comment.