Sha256: 3f4e0ff2f4b7b7d11539917e14ca4566f1596dc7d08aaafcb274497a7f49c515
Contents?: true
Size: 986 Bytes
Versions: 40
Compression:
Stored size: 986 Bytes
Contents
/*------------------------------------
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;
}
Version data entries
40 entries across 40 versions & 1 rubygems