alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(style): component using basic css variables

Browse Source
This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pagination/index.less
+7 -6
View File
@@ -34,27 +34,28 @@
user-select: none;
&:active {
color: @white;
color: var(--van-white);
background-color: var(--van-pagination-item-default-color);
}
&::after {
border-width: @border-width-base 0 @border-width-base @border-width-base;
border-width: var(--van-border-width-base) 0 var(--van-border-width-base)
var(--van-border-width-base);
}
&:last-child::after {
border-right-width: @border-width-base;
border-right-width: var(--van-border-width-base);
}
&--active {
color: @white;
color: var(--van-white);
background-color: var(--van-pagination-item-default-color);
}
}
&__prev,
&__next {
padding: 0 @padding-base;
padding: 0 var(--van-padding-base);
cursor: pointer;
}
@@ -82,7 +83,7 @@
.van-pagination__prev,
.van-pagination__next {
&::after {
border-width: @border-width-base;
border-width: var(--van-border-width-base);
}
}
}
src/pagination/var.less
+7 -7
View File
@@ -1,11 +1,11 @@
@import '../style/var.less';
@pagination-height: 40px;
@pagination-font-size: @font-size-md;
@pagination-font-size: var(--van-font-size-md);
@pagination-item-width: 36px;
@pagination-item-default-color: @blue;
@pagination-item-disabled-color: @gray-7;
@pagination-item-disabled-background-color: @background-color;
@pagination-background-color: @white;
@pagination-desc-color: @gray-7;
@pagination-disabled-opacity: @disabled-opacity;
@pagination-item-default-color: var(--van-blue);
@pagination-item-disabled-color: var(--van-gray-7);
@pagination-item-disabled-background-color: var(--van-background-color);
@pagination-background-color: var(--van-white);
@pagination-desc-color: var(--van-gray-7);
@pagination-disabled-opacity: var(--van-disabled-opacity);