You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
willaengine/resources/js/scss/SizeAndPositioning.scss

126 lines
2.0 KiB

6 years ago
.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-Block {
display: block;
}
.WM-InlineBlock {
display: inline-block;
}
.WM-Flex {
display: 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;
}
/* --------------------------------------------------------
Margins :: Begin
-------------------------------------------------------- */
.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;
}
6 years ago
/* --------------------------------------------------------
Fonts :: Begin
-------------------------------------------------------- */
$FontSizes: [12,14,16,18,20,22,24,30,36,48,52,60];
@each $Size in $FontSizes {
.WM-Font-#{$Size} {
font-size: #{$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;
}