粘性导航（Sticky Navigation）

优质

小牛编辑

122浏览

2023-12-01

变量 (Variables)

您可以使用表中列出的以下SASS变量来更改组件的样式。

Sr.No.	名称和描述	类型	默认值
1	$pagination-font-size 设置分页的字体大小。	Number	rem-calc(14)
2	$pagination-margin-bottom 设置媒体对象底部的默认边距。	Number	$global-margin
3	$pagination-item-color 设置分页项目文本的颜色。	Color	$black
4	$pagination-item-padding 在分页项内设置填充。	Number	rem-calc（3 10）
5	$pagination-item-spacing 设置右边的边距以保持分页项目中的空间。	Number	rem-calc(1)
6	$pagination-radius 设置默认半径	Number	$global-radius
7	$pagination-item-background-hover 在悬停上设置背景颜色。	Color	$light-gray
8	$pagination-item-background-current 为分页项目的当前页面设置背景颜色。	Color	$primary-color
9	$pagination-item-color-current 设置当前页面的文本颜色。	Color	foreground($pagination-item-background-current)
10	$pagination-item-color-disabled 为禁用的分页项设置文本颜色。	Color	$medium-gray
11	$pagination-ellipsis-color 设置省略号颜色。	Color	$black
12	$pagination-mobile-items 在移动屏幕中仅显示上一个/下一个按钮。	Boolean	false
13	$pagination-arrows 箭头包含在分页的上一个和下一个链接中。	Boolean	true

您可以使用mixins为表中列出的组件构建CSS类结构。

样式包含在分页容器中。它适用于

@include pagination-container;

当前分页项目包括样式。它适用于

@include pagination-item-current;

残疾人分页包括样式。它适用于

@include pagination-item-disabled;

省略号包括样式以用于分页列表。

@include pagination-ellipsis;