mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 09:26:06 +08:00
Seperate @active-item-bg into 2 variables
This commit is contained in:
parent
0bc8284c46
commit
d8d17a6401
@ -100,7 +100,7 @@
|
||||
transition: all .3s;
|
||||
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -195,7 +195,7 @@
|
||||
transition: background .3s;
|
||||
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
@ -162,7 +162,7 @@
|
||||
white-space: nowrap;
|
||||
transition: all 0.3s;
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
}
|
||||
&-disabled {
|
||||
cursor: not-allowed;
|
||||
|
@ -186,7 +186,7 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
@ -47,7 +47,7 @@
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
@ -69,7 +69,7 @@
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
@ -130,7 +130,7 @@
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
background: @active-item-bg;
|
||||
background: @item-active-bg;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
position: absolute;
|
||||
|
@ -96,7 +96,7 @@
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
}
|
||||
|
||||
li&-option-selected {
|
||||
|
@ -50,7 +50,7 @@
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
@ -74,11 +74,11 @@
|
||||
&-selected,
|
||||
&-selected > a {
|
||||
color: @primary-color;
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-active-bg;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
|
@ -76,10 +76,13 @@
|
||||
overflow: hidden;
|
||||
transition: background 0.3s;
|
||||
|
||||
&:hover,
|
||||
&:hover {
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
|
||||
&.focus,
|
||||
&-active {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-active-bg;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
|
@ -40,7 +40,7 @@
|
||||
|
||||
&-item:active,
|
||||
&-submenu-title:active {
|
||||
background: @active-item-bg;
|
||||
background: @item-active-bg;
|
||||
}
|
||||
|
||||
&-submenu &-sub {
|
||||
@ -108,7 +108,7 @@
|
||||
}
|
||||
|
||||
&:not(&-horizontal) &-item-selected {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-active-bg;
|
||||
}
|
||||
|
||||
&-horizontal,
|
||||
|
@ -460,9 +460,12 @@
|
||||
overflow: hidden;
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover,
|
||||
&:hover {
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
|
||||
&-active {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-active-bg;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
|
@ -59,9 +59,10 @@
|
||||
@border-radius-base : 4px;
|
||||
@border-radius-sm : 2px;
|
||||
|
||||
// The background color used when an item (such as a list item or table cell)
|
||||
// is active or hovered.
|
||||
@active-item-bg : @primary-1;
|
||||
// The background colors for active and hover states for things like
|
||||
// list items or table cells.
|
||||
@item-active-bg : @primary-1;
|
||||
@item-hover-bg : @primary-1;
|
||||
|
||||
// ICONFONT
|
||||
@iconfont-css-prefix : anticon;
|
||||
|
@ -126,7 +126,7 @@
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background: @active-item-bg;
|
||||
background: @item-hover-bg;
|
||||
}
|
||||
|
||||
li&-option-selected {
|
||||
|
@ -102,7 +102,7 @@
|
||||
|
||||
&-item:not(&-item-disabled):hover {
|
||||
cursor: pointer;
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
|
||||
&-item-disabled {
|
||||
|
@ -38,10 +38,10 @@
|
||||
color: @text-color;
|
||||
transition: all 0.3s ease;
|
||||
&:hover {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
&.@{select-tree-prefix-cls}-node-selected {
|
||||
background-color: @primary-2;
|
||||
background-color: @item-active-bg;
|
||||
}
|
||||
}
|
||||
span {
|
||||
|
@ -64,7 +64,7 @@
|
||||
color: @text-color;
|
||||
transition: all 0.3s ease;
|
||||
&:hover {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
&.@{tree-prefix-cls}-node-selected {
|
||||
background-color: @primary-2;
|
||||
|
@ -159,7 +159,7 @@
|
||||
}
|
||||
|
||||
&:hover &-info {
|
||||
background-color: @active-item-bg;
|
||||
background-color: @item-hover-bg;
|
||||
}
|
||||
|
||||
&:hover .@{iconfont-css-prefix}-cross {
|
||||
|
Loading…
Reference in New Issue
Block a user