diff options
author | Mark Otto <markd.otto@gmail.com> | 2022-02-16 21:26:24 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-02-16 21:26:24 +0300 |
commit | 48a7160cf4e05dc18dde9cf33fa38c12d1bd2e5e (patch) | |
tree | c3de9bc9962c95a0fde1307acb142c36b34f87db /site/content/docs/5.1/components | |
parent | 2a09f10676cd66aa435fb09c4bc5c19225f10dd9 (diff) |
Convert pagination component to CSS variables (#35399)
* Convert pagination component to CSS variables
* Use RFS mixin
* Remove the useless fallback
Diffstat (limited to 'site/content/docs/5.1/components')
-rw-r--r-- | site/content/docs/5.1/components/pagination.md | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/site/content/docs/5.1/components/pagination.md b/site/content/docs/5.1/components/pagination.md index 7e70a77e14..58f3fab638 100644 --- a/site/content/docs/5.1/components/pagination.md +++ b/site/content/docs/5.1/components/pagination.md @@ -156,12 +156,20 @@ Change the alignment of pagination components with [flexbox utilities]({{< docsr </nav> {{< /example >}} -## Sass +## CSS ### Variables +<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.2.0</small> + +As part of Bootstrap's evolving CSS variables approach, pagination now uses local CSS variables on `.pagination` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + +{{< scss-docs name="pagination-css-vars" file="scss/_pagination.scss" >}} + +### Sass variables + {{< scss-docs name="pagination-variables" file="scss/_variables.scss" >}} -### Mixins +### Sass mixins {{< scss-docs name="pagination-mixin" file="scss/mixins/_pagination.scss" >}} |