// // Icon Sizes (u-icon-v2, u-icon-v3, u-icon-v4) // // Default (md) %u-icon-size {
@include px-to-rem(width, 55px); @include px-to-rem(height, 55px); @include px-to-rem(font-size, 22px);
}
%u-icon-size–xs {
@include px-to-rem(width, 30px); @include px-to-rem(height, 30px); @include px-to-rem(font-size, 13px);
}
%u-icon-size–sm {
@include px-to-rem(width, 40px); @include px-to-rem(height, 40px); @include px-to-rem(font-size, 18px);
}
%u-icon-size–lg {
@include px-to-rem(width, 70px); @include px-to-rem(height, 70px); @include px-to-rem(font-size, 30px);
}
%u-icon-size–xl {
@include px-to-rem(width, 90px); @include px-to-rem(height, 90px); @include px-to-rem(font-size, 40px);
}
%u-icon-size–2xl {
@include px-to-rem(width, 100px); @include px-to-rem(height, 100px); @include px-to-rem(font-size, 45px);
}
%u-icon-size–3xl {
@include px-to-rem(width, 130px); @include px-to-rem(height, 130px); @include px-to-rem(font-size, 50px);
}