aboutsummaryrefslogtreecommitdiff
path: root/scss/_pagination.scss
AgeCommit message (Collapse)AuthorFilesLines
2023-03-27Add a check for interpolation variables to node-sass workflow (#38283)Julien Déramond1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2022-11-28Add dark mode support (#35857)Mark Otto1-1/+1
* Add dark mode to docs * Minor fix: missing space indentation * Minor fix: revert utilities/z-index added-in modification * Remove prev: and next: from doc because extracted to another PR * Use .bg-body-tertiary in all Utilities > Overflow examples * fix example * Fix up spacing examples * Update box-shadow Sass variables and utilities to auto-adjust to color modes * Remove unused docs class * Refactor form styles to use CSS variable for background images on .form-check and .form-switch * Fix docs selector * Rename shortcut for clarity * Heading consistency * Reintroduce missing 4th grid item in Utilities > Spacing example * Fix bundlewatch * .bd-callout* rendering is OK so removing comments in the code * Update scss/_utilities.scss Co-authored-by: Julien Déramond <[email protected]> * Fix gutters example styling * Fix text colors on background utils docs * redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken * fix some color utils examples * Deprecate mixin notice * Deprecate notice for list-group-item-variant() mixin * Revamp new link CSS vars * Use map-keys in some each Sass files * Remove list-group-item-variant mixin ref in sass loop desc * Display CSS vars scoped to our built-in dark mode * Revert previous commit * Fix list group variant link * Fix typo * Remove imports of alert/list-group mixins in scss/_mixins.scss * Small formatting + comments removal in scss/_content.scss * Fix alert links colors * fix dropdown border-radius mixin * fix link color and underline again, this time using CSS var override for color var and fallback value for the underline * fix colors on docs navbar for dark mode * remove two changes * missing ref * another link underline fix, just use sass vars for link decoration for now * missing color bg docs, plus move dropdown override to scss * more changes from review * fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin * Few fixes around type - Restored CSS variable for color on headings, this time with a fallback value - In conjunction, restored and wrapped the default CSS var with a null value check - Split headings and paragraphs docs in Reboot, elaborated on them * Restyle custom details > summary element in docs * Rewrite some migration docs * fix form checks * Fix up some navbar styling, tweak docs callout * Fix select images, mostly for validation styling * Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs * Update site/content/docs/5.2/components/scrollspy.md Co-authored-by: Julien Déramond <[email protected]> * Apply suggestions from code review Co-authored-by: Julien Déramond <[email protected]> * mention form control css vars in migration guide * Tweak grid and flex docs background examples * clarify some docs * fix some more things Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
2022-07-25Fix pagination page items border radiusJulien Déramond1-1/+1
2022-05-22Stylelint: Disable `custom-property-empty-line-before`Mark Otto1-2/+0
2022-03-31Adding @include everytime it's not the caselouismaxime.piton1-1/+1
2022-03-24Define Pagination font size CSS var (#35917)Julien Déramond1-0/+3
Co-authored-by: Mark Otto <[email protected]>
2022-03-17Fixes #36015: Fix pagination link border-radius if statementMark Otto1-1/+1
2022-03-13Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)Mark Otto1-39/+39
* Add additional root variables, rename $variable-prefix to $prefix - Adds new root CSS variables for border-radius, border-width, border-color, and border-style - Adds new root CSS variables for heading-color, link-colors, code color, and highlight color - Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss - Updates $mark-padding to be an even pixel number - Renames $variable-prefix to $prefix throughout * Bundlewatch
2022-03-11Allow to set active and disabled class also to .page-link (#35804)A Web Artisan1-14/+16
Sometimes we can set `.active` class only to link tag and not parent. Since active status style is applied only to `.page-link` and not `.page-item`, would also make more sense to just add the active class to `.page-link` itself. The other way to set `.active` class to `.page-item` still remain, so there is not BC. Allow to set also `.disabled` class to `.page-link` Co-authored-by: Gaël Poupard <[email protected]> Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2022-02-16Convert pagination component to CSS variables (#35399)Mark Otto1-16/+58
* Convert pagination component to CSS variables * Use RFS mixin * Remove the useless fallback
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