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/step/index.less
+7 -7
View File
@@ -31,7 +31,7 @@
&__line {
position: absolute;
background-color: var(--van-step-line-color);
transition: background-color @animation-duration-base;
transition: background-color var(--van-animation-duration-base);
}
&--horizontal {
@@ -63,10 +63,10 @@
.van-step__circle-container {
position: absolute;
top: 30px;
left: -@padding-xs;
left: -var(--van-padding-xs);
z-index: 1;
padding: 0 @padding-xs;
background-color: @white;
padding: 0 var(--van-padding-xs);
background-color: var(--van-white);
transform: translateY(-50%);
}
@@ -98,7 +98,7 @@
display: block;
float: none;
padding: 10px 10px 10px 0;
line-height: @line-height-sm;
line-height: var(--van-line-height-sm);
&:not(:last-child)::after {
border-bottom-width: 1px;
@@ -112,7 +112,7 @@
z-index: 1;
width: 1px;
height: 20px;
background-color: @white;
background-color: var(--van-white);
content: '';
}
}
@@ -152,7 +152,7 @@
&__icon,
&__title {
transition: color @animation-duration-base;
transition: color var(--van-animation-duration-base);
&--active,
&--finish {
src/step/var.less
+9 -9
View File
@@ -1,13 +1,13 @@
@import '../style/var.less';
@step-text-color: @gray-6;
@step-active-color: @green;
@step-process-text-color: @text-color;
@step-font-size: @font-size-md;
@step-line-color: @border-color;
@step-finish-line-color: @green;
@step-finish-text-color: @text-color;
@step-text-color: var(--van-gray-6);
@step-active-color: var(--van-green);
@step-process-text-color: var(--van-text-color);
@step-font-size: var(--van-font-size-md);
@step-line-color: var(--van-border-color);
@step-finish-line-color: var(--van-green);
@step-finish-text-color: var(--van-text-color);
@step-icon-size: 12px;
@step-circle-size: 5px;
@step-circle-color: @gray-6;
@step-horizontal-title-font-size: @font-size-sm;
@step-circle-color: var(--van-gray-6);
@step-horizontal-title-font-size: var(--van-font-size-sm);