SPR-908: QS - better hover for svg

This commit is contained in:
Silke Pisulla 2017-04-07 13:45:01 +02:00
commit 5be78f585a

View file

@ -4,6 +4,7 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
.do-admin { .do-admin {
#admin__version { #admin__version {
font-size: @font-size-default; font-size: @font-size-default;
@ -35,32 +36,49 @@
margin: 0 0 .6em 0; margin: 0 0 .6em 0;
a { a {
color: @ini_text; color: @ini_existing;
font-weight: 400;
* { * {
color: inherit; color: inherit;
} }
span.icon { span.icon {
margin-top: -.2rem; width: 1.6em;
margin-bottom: .2rem; min-height: 1.6em;
margin-top: -.3rem;
margin-bottom: .3rem;
svg { svg {
width: 26px;
height: 26px;
border: solid 1px @ini_background_content;
border-radius: @ini_default_border_radius;
fill: @ini_existing; fill: @ini_existing;
transition: @transition background-color, @transition border-color, @transition fill;
path { path {
fill: @ini_existing; fill: @ini_existing;
} transition: @transition fill;
}
}
} }
} }
} }
ul.admin_tasks { &:hover,
li { &:focus,
a { &:active {
font-weight: 400; span.icon {
svg {
background-color: @ini_existing;
border-color: @ini_existing;
fill: @ini_background_content;
path {
fill: @ini_background_content;
}
}
}
}
} }
} }
} }