feat(style): component using basic css variables
This commit is contained in:
@@ -26,7 +26,7 @@
|
||||
box-shadow: var(--van-dropdown-menu-box-shadow);
|
||||
|
||||
&--opened {
|
||||
z-index: @dropdown-item-z-index + 1;
|
||||
z-index: calc(var(--van-dropdown-item-z-index) + 1);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
cursor: pointer;
|
||||
|
||||
&:active {
|
||||
opacity: @active-opacity;
|
||||
opacity: var(--van-active-opacity);
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
@@ -68,7 +68,7 @@
|
||||
right: -4px;
|
||||
margin-top: -5px;
|
||||
border: 3px solid;
|
||||
border-color: transparent transparent @gray-4 @gray-4;
|
||||
border-color: transparent transparent var(--van-gray-4) var(--van-gray-4);
|
||||
transform: rotate(-45deg);
|
||||
opacity: 0.8;
|
||||
content: '';
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@dropdown-menu-height: 48px;
|
||||
@dropdown-menu-background-color: @white;
|
||||
@dropdown-menu-box-shadow: 0 2px 12px fade(@gray-7, 12);
|
||||
@dropdown-menu-background-color: var(--van-white);
|
||||
@dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
|
||||
@dropdown-menu-title-font-size: 15px;
|
||||
@dropdown-menu-title-text-color: @text-color;
|
||||
@dropdown-menu-title-active-text-color: @red;
|
||||
@dropdown-menu-title-disabled-text-color: @gray-6;
|
||||
@dropdown-menu-title-padding: 0 @padding-xs;
|
||||
@dropdown-menu-title-line-height: @line-height-lg;
|
||||
@dropdown-menu-option-active-color: @red;
|
||||
@dropdown-menu-title-text-color: var(--van-text-color);
|
||||
@dropdown-menu-title-active-text-color: var(--van-red);
|
||||
@dropdown-menu-title-disabled-text-color: var(--van-gray-6);
|
||||
@dropdown-menu-title-padding: 0 var(--van-padding-xs);
|
||||
@dropdown-menu-title-line-height: var(--van-line-height-lg);
|
||||
@dropdown-menu-option-active-color: var(--van-red);
|
||||
@dropdown-menu-content-max-height: 80%;
|
||||
|
||||
Reference in New Issue
Block a user