willaengine/resources/js/Global/scss/SizeAndPositioning.scss

.WM-Height-90 {
    height: 90px;
}

.WM-Height-110 {
    height: 110px;
}

.WM-Width-220 {
    width: 220px;
}

.WM-Width-100 {
    width: 100%;
}

.WM-Absolute {
    position: absolute;
}

.WM-Relative {
    position: relative;
}

.WM-Block {
    display: block;
}

.WM-InlineBlock {
    display: inline-block;
}

.WM-Flex {
    display: flex !important;
}

.WM-Inline-Flex {
    display: inline-flex !important;
}

.WM-Flex>*,
.WM-Inline-Flex>* {
    -webkit-box-flex: 1 !important;
}

.WM-Float-L {
    float: left;
}

.WM-Float-R {
    float: right;
}

.WM-Align-R {
    text-align: right;
}

.WM-Align-L {
    text-align: left;
}

.WM-Align-C {
    text-align: center;
}

.width-full {
    width: 100%;
}
//
//
///* --------------------------------------------------------
//                        Margins :: Begin
//-------------------------------------------------------- */
//
//.WM-Margin-0 {
//    margin: 0px;
//}
//
//.WM-Margin-T-5 {
//    margin-top: 5px;
//}
//
//.WM-Margin-T-10 {
//    margin-top: 10px;
//}
//
//.WM-Margin-T-15 {
//    margin-top: 15px;
//}
//
//.WM-Margin-T-20 {
//    margin-top: 20px;
//}
//
//.WM-Margin-T-45 {
//    margin-top: 45px;
//}
//
//.WM-Margin-T-55 {
//    margin-top: 55px;
//}
//
//.WM-Margin-T-100 {
//    margin-top: 100px;
//}
//
//.WM-Margin-L-10 {
//    margin-left: 10px;
//}
//
//.WM-Margin-R-10 {
//    margin-right: 10px;
//}
//
//.WM-Margin-BT-20 {
//    margin-top: 20px;
//    margin-bottom: 20px;
//}
//
//.WM-Margin-BT-5 {
//    margin-top: 5px;
//    margin-bottom: 5px;
//}
//
//.WM-Margin-B-10 {
//    margin-bottom: 10px;
//}
//
//.WM-Margin-RL-15 {
//    margin-left: 15px;
//    margin-right: 15px;
//}


/* --------------------------------------------------------
                        Paddings :: Begin
-------------------------------------------------------- */

.WM-Padding-10 {
    padding: 10px;
}

//.WM-Padding-RL-20 {
//    padding-right: 20px;
//    padding-left: 20px;
//}
//
//.WM-Padd-T-40 {
//    padding-top: 40px;
//}


/* --------------------------------------------------------
                        Fonts :: Begin
-------------------------------------------------------- */

$FontSizes: [
12,
14,
16,
18,
20,
22,
24,
30,
36,
48,
52,
60];
@each $Size in $FontSizes {
    .text--#{$Size} {
        font-size: #{$Size}px;
        line-height: #{$Size}px;
    }
}

.WM-LineHeight-40 {
    line-height: 40px;
}

.WM-LetterSpacing-5 {
    letter-spacing: 5px;
}

.WM-LetterSpacing-10 {
    letter-spacing: 10px;
}

.WM-LetterSpacing-15 {
    letter-spacing: 15px;
}