feat(style): component using basic css variables
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
|
||||
&--border {
|
||||
&::after {
|
||||
.hairline-top(@border-color, @padding-md, @padding-md);
|
||||
.hairline-top(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: @padding-md;
|
||||
right: var(--van-padding-md);
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@collapse-item-transition-duration: @animation-duration-base;
|
||||
@collapse-item-content-padding: @padding-sm @padding-md;
|
||||
@collapse-item-content-font-size: @font-size-md;
|
||||
@collapse-item-transition-duration: var(--van-animation-duration-base);
|
||||
@collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
|
||||
@collapse-item-content-font-size: var(--van-font-size-md);
|
||||
@collapse-item-content-line-height: 1.5;
|
||||
@collapse-item-content-text-color: @gray-6;
|
||||
@collapse-item-content-background-color: @white;
|
||||
@collapse-item-title-disabled-color: @gray-5;
|
||||
@collapse-item-content-text-color: var(--van-gray-6);
|
||||
@collapse-item-content-background-color: var(--van-white);
|
||||
@collapse-item-title-disabled-color: var(--van-gray-5);
|
||||
|
||||
Reference in New Issue
Block a user