mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[Improvement] border color variable (#1412)
This commit is contained in:
parent
8942eb56fa
commit
864b386c43
@ -44,12 +44,12 @@ $van-checkbox-size: 20px;
|
||||
|
||||
&--disabled {
|
||||
color: $background-color;
|
||||
border-color: $gray-light;
|
||||
border-color: $border-color;
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
&--disabled&--checked {
|
||||
border-color: $gray-light;
|
||||
background-color: $gray-light;
|
||||
border-color: $border-color;
|
||||
background-color: $border-color;
|
||||
}
|
||||
}
|
||||
|
@ -12,7 +12,7 @@ $gray-dark: #999;
|
||||
|
||||
/* default colors */
|
||||
$text-color: #333;
|
||||
$border-color: #eee;
|
||||
$border-color: $gray-light;
|
||||
$active-color: #e8e8e8;
|
||||
$background-color: #f8f8f8;
|
||||
|
||||
@ -27,8 +27,8 @@ $button-danger-color: $white;
|
||||
$button-danger-background-color: $red;
|
||||
$button-danger-border-color: $red;
|
||||
$button-disabled-color: $gray-dark;
|
||||
$button-disabled-background-color: $border-color;
|
||||
$button-disabled-border-color: $gray-light;
|
||||
$button-disabled-background-color: $active-color;
|
||||
$button-disabled-border-color: $border-color;
|
||||
$button-bottom-action-default-color: $white;
|
||||
$button-bottom-action-default-background-color: #f85;
|
||||
$button-bottom-action-primary-color: $white;
|
||||
|
@ -58,7 +58,7 @@
|
||||
height: 1px;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
background-color: $gray-light;
|
||||
background-color: $border-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
|
@ -2,7 +2,7 @@
|
||||
|
||||
$border-poses: top, right, bottom, left;
|
||||
|
||||
@define-mixin border-retina $poses: $border-poses, $border-retina-color: $gray-light {
|
||||
@define-mixin border-retina $poses: $border-poses, $border-retina-color: $border-color {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -19,7 +19,7 @@ $border-poses: top, right, bottom, left;
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin hairline $border-retina-color: $gray-light {
|
||||
@define-mixin hairline $border-retina-color: $border-color {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -118,7 +118,7 @@
|
||||
|
||||
&--disabled {
|
||||
background: $active-color;
|
||||
border-color: $gray-light;
|
||||
border-color: $border-color;
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
@ -179,7 +179,7 @@
|
||||
|
||||
&__header {
|
||||
padding: 0 10px;
|
||||
border: 1px solid $gray-light;
|
||||
border: 1px solid $border-color;
|
||||
line-height: 24px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
@ -197,7 +197,7 @@
|
||||
float: left;
|
||||
margin: 10px 10px 0 0;
|
||||
position: relative;
|
||||
border: $gray-light 1px solid;
|
||||
border: 1px solid $border-color;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
|
@ -109,7 +109,7 @@
|
||||
top: 30px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: $gray-light;
|
||||
background-color: $border-color;
|
||||
}
|
||||
|
||||
&.van-step--finish {
|
||||
@ -191,7 +191,7 @@
|
||||
left: -15px;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: $gray-light;
|
||||
background-color: $border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user