feat(style): component using basic css variables
This commit is contained in:
@@ -25,8 +25,8 @@
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
background-color: var(--van-badge-background-color);
|
||||
border: var(--van-badge-border-width) solid @white;
|
||||
border-radius: @border-radius-max;
|
||||
border: var(--van-badge-border-width) solid var(--van-white);
|
||||
border-radius: var(--van-border-radius-max);
|
||||
|
||||
&--fixed {
|
||||
position: absolute;
|
||||
|
||||
+6
-6
@@ -1,12 +1,12 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@badge-size: 16px;
|
||||
@badge-color: @white;
|
||||
@badge-color: var(--van-white);
|
||||
@badge-padding: 0 3px;
|
||||
@badge-font-size: @font-size-sm;
|
||||
@badge-font-weight: @font-weight-bold;
|
||||
@badge-border-width: @border-width-base;
|
||||
@badge-background-color: @red;
|
||||
@badge-dot-color: @red;
|
||||
@badge-font-size: var(--van-font-size-sm);
|
||||
@badge-font-weight: var(--van-font-weight-bold);
|
||||
@badge-border-width: var(--van-border-width-base);
|
||||
@badge-background-color: var(--van-red);
|
||||
@badge-dot-color: var(--van-red);
|
||||
@badge-dot-size: 8px;
|
||||
@badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
|
||||
|
||||
Reference in New Issue
Block a user