mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-23 05:33:02 +02:00
Code Issues Releases Wiki Activity

Convert pagination component to CSS variables (#35399)

Browse Source 
* Convert pagination component to CSS variables

* Use RFS mixin

* Remove the useless fallback
This commit is contained in:
Mark Otto
2022-02-16 10:26:24 -08:00
committed by GitHub
parent 2a09f10676
commit 48a7160cf4
3 changed files with 72 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
site/content/docs/5.1/components/pagination.md
View File

@@ -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" >}}