feat(style): add component css variables
This commit is contained in:
@@ -1,8 +1,14 @@
|
||||
@import './var.less';
|
||||
|
||||
:root {
|
||||
--van-action-bar-button-height: @action-bar-button-height;
|
||||
--van-action-bar-button-warning-color: @action-bar-button-warning-color;
|
||||
--van-action-bar-button-danger-color: @action-bar-button-danger-color;
|
||||
}
|
||||
|
||||
.van-action-bar-button {
|
||||
flex: 1;
|
||||
height: @action-bar-button-height;
|
||||
height: var(--van-action-bar-button-height);
|
||||
font-weight: @font-weight-bold;
|
||||
font-size: @font-size-md;
|
||||
border: none;
|
||||
@@ -21,11 +27,11 @@
|
||||
}
|
||||
|
||||
&--warning {
|
||||
background: @action-bar-button-warning-color;
|
||||
background: var(--van-action-bar-button-warning-color);
|
||||
}
|
||||
|
||||
&--danger {
|
||||
background: @action-bar-button-danger-color;
|
||||
background: var(--van-action-bar-button-danger-color);
|
||||
}
|
||||
|
||||
@media (max-width: 321px) {
|
||||
|
||||
Reference in New Issue
Block a user