aboutsummaryrefslogtreecommitdiff
path: root/scss/_pagination.scss
AgeCommit message (Collapse)AuthorFilesLines
2020-12-14Add two new variables for pagination border-radius values (#32423)Mark Otto1-2/+2
Co-authored-by: XhmikosR <[email protected]>
2020-12-04feat(RTL): implement RTLGaël Poupard1-1/+1
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-08-03Add transition to Pagination buttons just like other Bootstrap buttonsSamarth Arora1-0/+3
2020-05-15Improve gradientsMartijn Cuppens1-1/+1
- Use a semitransparent gradient from light to dark which works on any background-color - Store the gradient as a custom property (--bs-gradient) - Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled - Add gradients to navbar, active page links and badges when gradients are enabled
2020-03-20Remove redundant text decoration from hover statesMartijn Cuppens1-1/+1
2020-03-05$link-decoration: underline affects some components (#30262)Martijn Cuppens1-0/+1
Co-authored-by: Shohei Yoshida <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2019-12-27Simplify disabled styles (#29296)Martijn Cuppens1-2/+0
* Simplify disabled styles * Mention pointer-events usage
2019-08-30Clean up line heights & add line height utilities (#29271)Martijn Cuppens1-3/+3
2019-08-03Allow .page-links to get left margin. (#28948)GeoSot1-13/+3
* Allow .page-links to get left margin. * Add border-radius to page-links in case they have left margin * Apply MartijnCuppens suggestion to _pagination.scss Co-Authored-By: Martijn Cuppens <[email protected]> * Plus if/else Rules * Formatting fixes * Fix border-radius for pagination-size * Use mixin for default pagination sizing
2019-07-02Remove redundant border radius on pagination (#28980)Martijn Cuppens1-1/+0
Pagination used to have box shadow back in the days which required this property, but nowadays it's redundant. (see https://github.com/twbs/bootstrap/blame/0cd186183c5e18f0517d6037d53f29c56adbac72/less/pagination.less#L17)
2019-05-18Fix z-index according to our z-index rule (#28784)Shohei Yoshida1-2/+2
https://getbootstrap.com/docs/4.3/extend/approach/#z-index-scales
2019-01-04Move hand cursor for buttons to rebootMartijn Cuppens1-5/+0
2018-04-01Pagination move `.page-link:focus` outline value to variable ↵Patrick Yeo1-1/+1
`$pagination-focus-outline` so we can unset it via Sass and don't have to re-implement browser defaults
2018-02-03Fix pagination buttons hover z-index (#25532)Martijn Cuppens1-0/+1
2018-01-15Consistently use `:disabled` rather than `[disabled]` selector (#25317)Patrick H. Lauke1-1/+1
Closes https://github.com/twbs/bootstrap/issues/25316
2018-01-02Update pagination focus stylesMark Otto1-1/+6
- Drops the hover-focus mixin for standard :hover - Adds explicit :focus styles to match button, input, etc with a box-shadow - Adjusts z-index values to ensure the layers go initial, hover, active, focus Fixes #24838.
2017-12-27Opinionated: reintroduce `cursor:pointer`patrickhlauke1-0/+8
Explicitly re-adds the "hand" `cursor:pointer` for non-disabled `.btn`, `.close`, `.navbar-toggler` elements, as well as forcing `page-link` pagination controls to always have the "hand" cursor (even if an author uses it on, say, `<button>` elements for a dynamically updating in-page pagination). Controversial, as everybody jumped on the bandwagon following this article https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b - which does have its merits of course, but there are also counter-arguments like http://kizu.ru/en/issues/cursor-pointer/ And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see https://github.com/twbs/bootstrap/issues/24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.
2017-10-23Refactor a few selectors. (#24404)XhmikosR1-18/+18
1. move a couple of them before the more specific ones. 2. change nesting to be under the same parent selector 3. use the ampersand more
2017-10-20Reduce z-indexes in button-group, input-group, list-group, and pagination to ↵rmacklin1-1/+1
the minimum necessary (#24315) These were using `z-index: 2` to "Place active items above their siblings for proper border styling". However, using `z-index: 1` is sufficient for accomplishing that goal. In input-group, there were also three `z-index: 3` rules for the hover/focus/active states. I reduced these to `z-index: 2` since they just needed to be "one more than normal" (i.e. one more than what is now `z-index: 1` after my changes). These changes can be verified by viewing the documentation pages for Button group, Input group, List group, and Pagination before and after this commit and observing that the active elements are still "above" their siblings, so their borders look correct.
2017-09-30changes reset for mixin list reset on paginationAndres Galante1-3/+1
2017-08-10Pagination border-widths greater than 1px cause uneven borders between itemsPatrick Yeo1-1/+1
2017-04-16Rename variable $input-border-focus to $input-border-color-focus (#22413)Patrick Yeo1-3/+3
* Rename variable $input-border-focus to $input-border-color-focus * Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively * Rename variables $state-*-border to $state-*-border-color, respectively * Rename variables $alert-*-border to $alert-*-border-color * Rename $list-group-active-border to $list-group-active-border-color * Rename $table-inverse-border to $table-inverse-border-color * Rename $btn-*-border to $btn-*-border-color * Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-10Remove `cursor: not-allowed` stylesPatrick H. Lauke1-1/+0
2016-12-28lintingMark Otto1-2/+2
2016-12-28no need to float, but do set display: block;Mark Otto1-1/+1
this, coupled with the move to flex, fixes #20029
2016-12-28remove plain-hover-focus mixinsMark Otto1-12/+8
2016-12-28no need for cursor: default, since, well, it's the defaultMark Otto1-1/+0
2016-12-28add a comment here to explain some thingsMark Otto1-1/+1
2016-12-28.page-item's don't need this anymore (they're flex items)Mark Otto1-2/+0
2016-12-28remove default margin, allow folks to use utils insteadMark Otto1-2/+0
2016-12-28update pagination list reset stylesMark Otto1-1/+3
2016-12-28move pagination to flexboxMark Otto1-1/+1
2016-11-27Set line-height for page-links (#21052)Stefan Staynov1-0/+1
2016-11-23Fixes #21094: Move text-decoration override from the default link state to ↵Mark Otto1-1/+1
the hover/focus state so it can override the global styles properly
2016-02-03Redo line-height globallyMark Otto1-1/+0
- Rename -height to -height-base to match other vars - Drop use of -height across the board and rely on it to be inherited - Adjust padding of .dropdown-header to account for different line-height of h6 heading element (this needs refactoring for variables and rems also)
2015-12-27Add pointer-events:none to disabled pagination/pager linksPatrick H. Lauke1-0/+1
as currently this was missed out (compared to disabled `a.btn`)
2015-12-08scss/_pagination.scss: Reassert #18257Chris Rebert1-1/+1
[skip sauce]
2015-12-07fix variableMark Otto1-1/+1
2015-12-07.page => .page-itemChris Rebert1-1/+1
2015-12-07Refactor pagination code to remove unnecessary ancestor requirements in ↵Chris Rebert1-37/+34
selectors
2015-12-07.page>{a,span => .page-link}Chris Rebert1-12/+6
2015-12-07.pagination>{li => .page}Chris Rebert1-6/+6
2015-11-14Add $pagination-border-width; refs #18150Chris Rebert1-1/+1
2015-11-14Rename $pagination-border => $pagination-border-color for clarityChris Rebert1-1/+1
2015-08-17clean out comments that aren't all that helpfulMark Otto1-5/+0
2015-08-13nuke the shared padding vars and assign to individual componentsMark Otto1-3/+3
- no real need for everything to be 100% shared - padding looked and felt too large for inputs but not for buttons - tying forms and buttons seems fine, but throwing in pagination feels wrong
2015-06-22line-height-base to line-height varMark Otto1-1/+1
2015-06-22drop more -base, clean up var spacingMark Otto1-1/+1
2015-06-22drop the base (hahaha), no but seriously drop the -base from our vars since ↵Mark Otto1-2/+2
it's cleaner
2015-06-22rename -horizontal and -vertical vars to -x and -y for consistencyMark Otto1-3/+3