优化链接点击效果
This commit is contained in:
@@ -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}';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user