feat(style): component using basic css variables
This commit is contained in:
@@ -50,8 +50,8 @@
|
||||
background-color: var(--van-swipe-indicator-inactive-background-color);
|
||||
border-radius: 100%;
|
||||
opacity: var(--van-swipe-indicator-inactive-opacity);
|
||||
transition: opacity @animation-duration-fast,
|
||||
background-color @animation-duration-fast;
|
||||
transition: opacity var(--van-animation-duration-fast),
|
||||
background-color var(--van-animation-duration-fast);
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: var(--van-swipe-indicator-size);
|
||||
|
||||
+3
-3
@@ -1,8 +1,8 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@swipe-indicator-size: 6px;
|
||||
@swipe-indicator-margin: @padding-sm;
|
||||
@swipe-indicator-margin: var(--van-padding-sm);
|
||||
@swipe-indicator-active-opacity: 1;
|
||||
@swipe-indicator-inactive-opacity: 0.3;
|
||||
@swipe-indicator-active-background-color: @blue;
|
||||
@swipe-indicator-inactive-background-color: @border-color;
|
||||
@swipe-indicator-active-background-color: var(--van-blue);
|
||||
@swipe-indicator-inactive-background-color: var(--van-border-color);
|
||||
|
||||
Reference in New Issue
Block a user