优化链接点击效果
parent
8a0b960985
commit
cfc6967fdc
|
@ -57,6 +57,10 @@ table {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
.badge {
|
.badge {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0.25em 0.4em;
|
padding: 0.25em 0.4em;
|
||||||
|
@ -112,7 +116,7 @@ svg {
|
||||||
transition-property: fill;
|
transition-property: fill;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover {
|
.hover, a {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: color .2s ease;
|
transition: color .2s ease;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -150,7 +154,7 @@ svg {
|
||||||
|
|
||||||
each(@themes, {
|
each(@themes, {
|
||||||
#container.@{value} {
|
#container.@{value} {
|
||||||
.hover {
|
.hover, a {
|
||||||
&:hover {
|
&:hover {
|
||||||
color: ~'@{color-@{value}-theme}';
|
color: ~'@{color-@{value}-theme}';
|
||||||
}
|
}
|
||||||
|
|
|
@ -115,6 +115,9 @@ export default {
|
||||||
&:hover:not(.active) {
|
&:hover:not(.active) {
|
||||||
background-color: @color-theme-hover;
|
background-color: @color-theme-hover;
|
||||||
}
|
}
|
||||||
|
&:hover:not(.active) {
|
||||||
|
background-color: @color-theme-active;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -141,6 +144,9 @@ each(@themes, {
|
||||||
&:hover:not(.active) {
|
&:hover:not(.active) {
|
||||||
background-color: ~'@{color-@{value}-theme-hover}';
|
background-color: ~'@{color-@{value}-theme-hover}';
|
||||||
}
|
}
|
||||||
|
&:active:not(.active) {
|
||||||
|
background-color: ~'@{color-@{value}-theme-active}';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue