/*————————————
Icons Styles
————————————*/ // // Common Styles //
.u-icon-v1, .u-icon-v2, .u-icon-v3, .u-icon-v4 {
position: relative; display: inline-block; text-align: center; transition: all .2s ease-in-out;
} .u-icon-v1:hover, .u-icon-v2:hover, .u-icon-v3:hover, .u-icon-v4:hover {
text-decoration: none;
} .u-icon-v1::before, .u-icon-v2::before, .u-icon-v3::before {
display: block;
} .u-icon-v1 > i, .u-icon-v2 > i, .u-icon-v3 > i, .u-icon-v4 > span > i {
position: relative; top: 50%; display: block; transform: translateY(-50%); z-index: 2;
}
- class*=“u-icon-v”
-
{
& .u-line-icon-pro { transform: translateY(-45%); }
}
// // Rotattion Style //
.u-icon-rotation {
transform: rotate(45deg); & .u-icon__elem { transform: rotate(-45deg) translate(15%, -30%); } & .u-line-icon-pro { transform: rotate(-45deg) translate(25%, -30%); }
}