Seperate @active-item-bg into 2 variables

This commit is contained in:
Graeme Yeates 2017-05-03 10:57:14 -04:00
parent 0bc8284c46
commit d8d17a6401
18 changed files with 33 additions and 26 deletions

View File

@ -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;
}

View File

@ -162,7 +162,7 @@
white-space: nowrap;
transition: all 0.3s;
&:hover {
background: @active-item-bg;
background: @item-hover-bg;
}
&-disabled {
cursor: not-allowed;

View File

@ -186,7 +186,7 @@
}
&:hover {
background: @active-item-bg;
background: @item-hover-bg;
cursor: pointer;
}

View File

@ -47,7 +47,7 @@
transition: background 0.3s ease;
&:hover {
background: @active-item-bg;
background: @item-hover-bg;
cursor: pointer;
}
}

View File

@ -69,7 +69,7 @@
transition: background 0.3s ease;
&:hover {
background: @active-item-bg;
background: @item-hover-bg;
cursor: pointer;
}
}

View File

@ -130,7 +130,7 @@
&:before {
content: '';
display: block;
background: @active-item-bg;
background: @item-active-bg;
border-radius: 0;
border: 0;
position: absolute;

View File

@ -96,7 +96,7 @@
}
li:hover {
background: @active-item-bg;
background: @item-hover-bg;
}
li&-option-selected {

View File

@ -50,7 +50,7 @@
transition: background 0.3s ease;
&:hover {
background: @active-item-bg;
background: @item-hover-bg;
cursor: pointer;
}
}

View File

@ -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 {

View File

@ -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 {

View File

@ -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,

View File

@ -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 {

View File

@ -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;

View File

@ -126,7 +126,7 @@
}
li:hover {
background: @active-item-bg;
background: @item-hover-bg;
}
li&-option-selected {

View File

@ -102,7 +102,7 @@
&-item:not(&-item-disabled):hover {
cursor: pointer;
background-color: @active-item-bg;
background-color: @item-hover-bg;
}
&-item-disabled {

View File

@ -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 {

View File

@ -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;

View File

@ -159,7 +159,7 @@
}
&:hover &-info {
background-color: @active-item-bg;
background-color: @item-hover-bg;
}
&:hover .@{iconfont-css-prefix}-cross {