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/styles/scss/SizeAndPositioning.scss

108 lines
1.3 KiB

.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;
}
}