position: relative;
&:hover {
- .messageHeader .messageQuickOptions > li > a {
+ .messageHeader .messageQuickOptions > li {
opacity: 1;
}
> li {
display: inline-block;
+ opacity: .6;
- > a {
- opacity: .6;
-
- .transition(opacity, .2s);
-
- > span.icon {
- color: @wcfDimmedColor;
-
- .transition(color, .2s);
- }
+ .transition(opacity, .2s);
+
+ span.icon {
+ color: @wcfDimmedColor;
- &:hover {
- > span.icon {
- color: @wcfLinkColor;
- }
- }
+ .transition(color, .2s);
+ }
+
+ > a:hover > span.icon {
+ color: @wcfLinkColor;
}
}