/*————————————
Effect v5
————————————*/ @import “icon-hover-extend”;
.u-icon-effect-v5–hover {
transition: box-shadow .2s; overflow: inherit;
}
.u-icon-effect-v5–hover:after {
@extend %u-icon-hover-effect-after; top: 0; left: 0; padding: 0; transition: transform .2s, opacity .2s;
}
.u-icon-v3.u-icon-effect-v5–hover:after {
box-shadow: 0 0 0 3px #fff;
}
.u-icon-effect-v5–hover:hover:after, .u-icon-block–hover:hover .u-icon-effect-v5–hover:after {
transform: scale(.85); opacity: .5;
}
.u-icon-effect-v5–hover:hover, .u-icon-block–hover:hover .u-icon-effect-v5–hover {
box-shadow: 0 0 10px 10px $g-color-gray-light-v3;
}
.u-icon-effect-v5–hover.g-bg-primary:hover, .u-icon-block–hover:hover .u-icon-effect-v5–hover.g-bg-primary, .u-icon-effect-v5–hover.g-color-primary:hover, .u-icon-block–hover:hover .u-icon-effect-v5–hover.g-color-primary {
box-shadow: 0 0 10px 10px $g-color-primary;
}