mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
feat: add @border-width-base var (#4595)
This commit is contained in:
parent
557b8ea54d
commit
852314430b
@ -19,7 +19,7 @@
|
||||
height: 1px;
|
||||
border-color: inherit;
|
||||
border-style: inherit;
|
||||
border-width: 1px 0 0;
|
||||
border-width: @border-width-base 0 0;
|
||||
}
|
||||
|
||||
&::before {
|
||||
|
@ -18,7 +18,7 @@
|
||||
|
||||
&::after {
|
||||
z-index: 1;
|
||||
border-width: 0 1px 1px 0;
|
||||
border-width: 0 @border-width-base @border-width-base 0;
|
||||
}
|
||||
|
||||
&--square {
|
||||
@ -35,7 +35,7 @@
|
||||
|
||||
&--surround {
|
||||
&::after {
|
||||
border-width: 1px;
|
||||
border-width: @border-width-base;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -71,7 +71,7 @@
|
||||
vertical-align: middle;
|
||||
|
||||
&::after {
|
||||
border-width: 1px 1px 0 0;
|
||||
border-width: @border-width-base @border-width-base 0 0;
|
||||
}
|
||||
|
||||
&--middle {
|
||||
|
@ -21,11 +21,11 @@
|
||||
}
|
||||
|
||||
&::after {
|
||||
border-width: 1px 0 1px 1px;
|
||||
border-width: @border-width-base 0 @border-width-base @border-width-base;
|
||||
}
|
||||
|
||||
&:last-child::after {
|
||||
border-right-width: 1px;
|
||||
border-right-width: @border-width-base;
|
||||
}
|
||||
|
||||
&--disabled,
|
||||
@ -43,7 +43,7 @@
|
||||
|
||||
&__prev,
|
||||
&__next {
|
||||
padding: 0 5px;
|
||||
padding: 0 @padding-base;
|
||||
}
|
||||
|
||||
&__page {
|
||||
@ -60,7 +60,7 @@
|
||||
.van-pagination__prev,
|
||||
.van-pagination__next {
|
||||
&::after {
|
||||
border-width: 1px;
|
||||
border-width: @border-width-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -41,6 +41,6 @@
|
||||
}
|
||||
|
||||
&--surround::after {
|
||||
border-width: 1px;
|
||||
border-width: @border-width-base;
|
||||
}
|
||||
}
|
||||
|
@ -14,7 +14,6 @@
|
||||
|
||||
// Component Colors
|
||||
@text-color: #323233;
|
||||
@border-color: #ebedf0;
|
||||
@active-color: #f2f3f5;
|
||||
@background-color: #f8f8f8;
|
||||
@background-color-light: #fafafa;
|
||||
@ -27,19 +26,21 @@
|
||||
@padding-lg: @padding-base * 6;
|
||||
@padding-xl: @padding-base * 8;
|
||||
|
||||
// Font Size
|
||||
// Font
|
||||
@font-size-xs: 10px;
|
||||
@font-size-sm: 12px;
|
||||
@font-size-md: 14px;
|
||||
@font-size-lg: 16px;
|
||||
|
||||
// Font Weight
|
||||
@font-weight-bold: 500;
|
||||
|
||||
// Animation
|
||||
@animation-duration-base: .3s;
|
||||
@animation-duration-fast: .2s;
|
||||
|
||||
// Border
|
||||
@border-color: #ebedf0;
|
||||
@border-width-base: 1px;
|
||||
|
||||
// ActionSheet
|
||||
@action-sheet-max-height: 90%;
|
||||
@action-sheet-header-height: 44px;
|
||||
|
@ -78,13 +78,13 @@
|
||||
box-sizing: border-box;
|
||||
height: @tabs-card-height;
|
||||
margin: 0 @padding-md;
|
||||
border: 1px solid @tabs-default-color;
|
||||
border: @border-width-base solid @tabs-default-color;
|
||||
border-radius: 2px;
|
||||
|
||||
.van-tab {
|
||||
color: @tabs-default-color;
|
||||
line-height: @tabs-card-height - 2px;
|
||||
border-right: 1px solid @tabs-default-color;
|
||||
border-right: @border-width-base solid @tabs-default-color;
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
|
Loading…
x
Reference in New Issue
Block a user