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.
39 lines
718 B
39 lines
718 B
/**
|
|
* Sizing
|
|
*
|
|
* Width and Height Classes,
|
|
* Sizes with percentage will calculate with the Reflex Grid
|
|
*
|
|
*
|
|
*/
|
|
|
|
$plain-ui__helpers__height-steps: 50;
|
|
|
|
.w-0 { width: 0; }
|
|
.h-0 { height: 0; }
|
|
.w-1 { width: 1px;}
|
|
.h-1 { height: 1px; }
|
|
.w-100 { width: 100%; }
|
|
.h-100 { height: 100%; }
|
|
|
|
@for $i from 1 through $reflex-columns {
|
|
.w-col-#{$i} {
|
|
width: percentage(($i / $reflex-columns));
|
|
}
|
|
|
|
.h-col-#{$i} {
|
|
height: percentage(($i / $reflex-columns));
|
|
}
|
|
}
|
|
|
|
@for $i from 1 through $plain-ui__helpers__height-steps {
|
|
.w-#{$i} {
|
|
width: #{($i * 0.5)}rem;
|
|
}
|
|
}
|
|
|
|
@for $i from 1 through $plain-ui__helpers__height-steps {
|
|
.h-#{$i} {
|
|
height: #{($i * 0.5)}rem;
|
|
}
|
|
} |