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.
54 lines
636 B
54 lines
636 B
3 years ago
|
@import "var";
|
||
|
|
|
||
|
|
.w-full {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-full {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@for $percent from 0 to 100 {
|
||
|
|
.w-p-#{$percent} {
|
||
|
|
width: #{$percent}#{'%'};
|
||
|
|
}
|
||
|
|
.h-p-#{$percent} {
|
||
|
|
height: #{$percent}#{'%'};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@for $i from 1 through 30 {
|
||
|
|
.h-#{$i} {
|
||
|
|
height: #{$i}px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@for $i from 1 through 30 {
|
||
|
|
.w-#{$i} {
|
||
|
|
width: #{$i}px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@each $i in $sizes {
|
||
|
|
.w-#{$i} {
|
||
|
|
width: #{$i}px;
|
||
|
|
}
|
||
|
|
.h-#{$i} {
|
||
|
|
height: #{$i}px;
|
||
|
|
}
|
||
|
|
.max-w-#{$i} {
|
||
|
|
max-width: #{$i}px;
|
||
|
|
}
|
||
|
|
.max-h-#{$i} {
|
||
|
|
max-height: #{$i}px;
|
||
|
|
}
|
||
|
|
.min-w-#{$i} {
|
||
|
|
min-width: #{$i}px;
|
||
|
|
}
|
||
|
|
.min-h-#{$i} {
|
||
|
|
min-height: #{$i}px;
|
||
|
|
}
|
||
|
|
}
|