//分页
#{$V}pages {
	position: relative;

	.v-page {
		margin: 0 auto;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	.v-item {
		float: left;

		&:not(.disabled):not([disabled]) .v-link:hover {
			background-color: $--white-f1;
		}
		//当前页页码颜色
		&.active .v-link {
			z-index: 1;
			color: $--black;
			background-color: $--light-dark;
			border-color: $--light-dark;
			pointer-events: none;
		}
		//主题颜色
		@each $key, $value in $theme-color {
			@include pages-color($key, $value);
		}
		//不可点击的分页链接
		&[disabled],
		&.disabled {
			.v-link {
				pointer-events: none;
				opacity: .5;
				cursor: not-allowed !important;
			}
		}
	}
	.v-link {
		position: relative;
		display: block;
		padding: rem(6) rem(12);
		margin: {
			left: - rem(1);
			top: rem(1);
			bottom: rem(1);
		}
		line-height: $line-height-xl;
		background-color: $--white;
		border: rem($border-width-xs) $border-style-solid $--light-dark;
		cursor: pointer;
	}
	//文本
	.v-text,
	.v-ellipsis {
		line-height: rem(35);
		float: left;
		margin: rem(1) 0 rem(1) rem(5);
	}
	.v-ellipsis {
		margin: rem(1) rem(5);
	}
	//带表单功能
	.v-form {
		float: left;
		padding: 0;
		margin: rem(1) 0 rem(1) rem(5);

		.v-input {
			max-width: rem(50);
			height: rem(35);
		}
		.v-btn {
			height: rem(35);
			padding: 0 rem(10);
		}
	}
	//大尺寸
	&.v-large {
		.v-link {
			padding: rem(10) rem(18);
			font-size: rem($font-size-md);
		}
		.v-text,
		.v-ellipsis {
			line-height: rem(46);
		}
		.v-form {
			.v-input {
				max-width: rem(70);
				height: rem(46);
				font-size: rem($font-size-md);
			}
			.v-btn {
				height: rem(46);
				padding: 0 rem(14);
				font-size: rem($font-size-md);
			}
		}
	}
	//小尺寸
	&.v-small {
		.v-link {
			padding: rem(3) rem(8);
			font-size: rem($font-size-xs);
		}
		.v-text,
		.v-ellipsis {
			line-height: rem(26);
		}
		.v-form {
			.v-input {
				max-width: rem(45);
				height: rem(26);
				font-size: rem($font-size-xs);
				padding: {
					top: 0;
					bottom: 0;
				}
			}
			.v-btn {
				height: rem(26);
				padding: 0 rem(8);
				font-size: rem($font-size-xs);
			}
		}
	}
	//间隔分页模式
	&.v-space {
		position: relative;
		margin: {
			left: - rem(2);
			right: - rem(2);
		}

		.v-item {
			margin: 0 rem(2);
		}
		.v-link {
			margin-left: 0;
		}
		//文本
		.v-text,
		.v-ellipsis {
			float: left;
			margin: rem(1) rem(2);
		}
		.v-form {
			margin: rem(1) rem(2);
		}
	}
}