.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%;
}
//
//
/* --------------------------------------------------------
                        Paddings :: Begin
-------------------------------------------------------- */


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


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

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

}