awx/awx/ui/static/js/setup-menu/hover-icon.block.less
2015-05-28 09:03:56 -04:00

48 lines
791 B
Plaintext

/** @define HoverIcon */
@import 'shared/branding/colors.less';
.HoverIcon {
@media screen and (max-width: 571px) {
&--onlyLarge {
.HoverIcon-icon--opacity {
opacity: 1;
}
.HoverIcon-icon--height {
height: 22px;
}
}
}
&-icon {
width: auto;
&--color {
g, path {
transition: fill 0.15s ease-out;
}
}
&--opacity {
transition: opacity 0.3s ease-out;
opacity: 0;
}
&--height {
transition: height 0.2s ease-out;
height: 0;
}
}
&:hover {
.HoverIcon-icon {
&--opacity {
opacity: 1;
}
&--height {
height: 22px;
}
&--color {
path, g {
fill: @ansible-red;
}
}
}
}
}