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.
155 lines
2.0 KiB
155 lines
2.0 KiB
|
|
|
|
///* |
|
// |
|
//width |
|
// |
|
//*/ |
|
//$width: 500; |
|
//@while $width >= 0 { |
|
// .w#{$width}p { |
|
// width: #{$width}px !important; |
|
// } |
|
// $width: $width - 10; |
|
//} |
|
// |
|
// |
|
//$width: 100; |
|
//@while $width >= 0 { |
|
// .w#{$width} { |
|
// //width: math.percentage($width / 100) !important; |
|
// } |
|
// $width: $width - 1; |
|
//} |
|
// |
|
///* |
|
// |
|
//$height |
|
// |
|
//*/ |
|
//$height: 500; |
|
//@while $height >= 0 { |
|
// .h#{$height}p { |
|
// height: #{$height}px !important; |
|
// } |
|
// $height: $height - 10; |
|
//} |
|
// |
|
// |
|
//$height: 100; |
|
//@while $height >= 0 { |
|
// .h#{$height} { |
|
// //height: math.percentage($height / 100) !important; |
|
// } |
|
// $height: $height - 1; |
|
//} |
|
// |
|
|
|
/* |
|
|
|
margin |
|
|
|
*/ |
|
|
|
|
|
.m(5); |
|
.m(@n, @i: 1) when (@i =< @n) { |
|
.m@{i}r { |
|
margin: (10rem * @i) !important; |
|
} |
|
.m(@n, (@i + 1)); |
|
} |
|
|
|
.ml(5); |
|
.ml(@n, @i: 1) when (@i =< @n) { |
|
.ml@{i}r { |
|
margin-left: (10rem * @i) !important; |
|
} |
|
.ml(@n, (@i + 1)); |
|
} |
|
|
|
.mr(5); |
|
.mr(@n, @i: 1) when (@i =< @n) { |
|
.mr@{i}r { |
|
margin-right: (10rem * @i) !important; |
|
} |
|
.mr(@n, (@i + 1)); |
|
} |
|
|
|
.mt(5); |
|
.mt(@n, @i: 1) when (@i =< @n) { |
|
.mt@{i}r { |
|
margin-top: (10rem * @i) !important; |
|
} |
|
.mt(@n, (@i + 1)); |
|
} |
|
|
|
.mb(7); |
|
.mb(@n, @i: 0) when (@i =< @n) { |
|
.mb@{i}r { |
|
margin-bottom: (10rem * @i) !important; |
|
} |
|
.mb(@n, (@i + 1)); |
|
} |
|
|
|
|
|
/* |
|
padding |
|
*/ |
|
|
|
|
|
.p(5); |
|
.p(@n, @i: 1) when (@i =< @n) { |
|
.p@{i}r { |
|
padding: (10rem * @i) !important; |
|
} |
|
.p(@n, (@i + 1)); |
|
} |
|
|
|
.pb(5); |
|
.pb(@n, @i: 1) when (@i =< @n) { |
|
.pb@{i}r { |
|
padding-bottom: (10rem * @i) !important; |
|
} |
|
.pb(@n, (@i + 1)); |
|
} |
|
|
|
.pt(5); |
|
.pt(@n, @i: 1) when (@i =< @n) { |
|
.pt@{i}r { |
|
padding-top: (10rem * @i) !important; |
|
} |
|
.pt(@n, (@i + 1)); |
|
} |
|
|
|
.pl(5); |
|
.pl(@n, @i: 1) when (@i =< @n) { |
|
.pl@{i}r { |
|
padding-left: (10rem * @i) !important; |
|
} |
|
.pl(@n, (@i + 1)); |
|
} |
|
|
|
.pr(5); |
|
.pr(@n, @i: 1) when (@i =< @n) { |
|
.pr@{i}r { |
|
padding-right: (10rem * @i) !important; |
|
} |
|
.pr(@n, (@i + 1)); |
|
} |
|
|
|
|
|
/* |
|
|
|
font |
|
|
|
*/ |
|
|
|
.f(40); |
|
.f(@n, @i: 10) when (@i =< @n) { |
|
.f@{i} { |
|
font-size: (1px * @i) !important; |
|
} |
|
.f(@n, (@i + 1)); |
|
} |
|
|
|
|