-
Notifications
You must be signed in to change notification settings - Fork 0
/
bulma-spacing.scss
38 lines (36 loc) · 1.06 KB
/
bulma-spacing.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// Variables
$max: 100;
$offset: 1;
$unit: 'px';
$important: '!important';
$minus: 'minus';
// Function
@mixin class-loop($className, $styleName) {
$i: -100;
@while $i < 0 {
@if str-index($styleName, 'margin') {
#{$className + $minus + $i} {
#{$styleName}: #{$i + $unit + $important};
}
}
$i: $i + $offset;
}
@while 0 <= $i and $i <= $max {
#{$className + $i} {
#{$styleName}: #{$i + $unit + $important};
}
$i: $i + $offset;
}
}
// Margins
@include class-loop('.has-margin-top-', 'margin-top');
@include class-loop('.has-margin-right-', 'margin-right');
@include class-loop('.has-margin-bottom-', 'margin-bottom');
@include class-loop('.has-margin-left-', 'margin-left');
@include class-loop('.has-margin-', 'margin');
// Paddings
@include class-loop('.has-padding-top-', 'padding-top');
@include class-loop('.has-padding-right-', 'padding-right');
@include class-loop('.has-padding-bottom-', 'padding-bottom');
@include class-loop('.has-padding-left-', 'padding-left');
@include class-loop('.has-padding-', 'padding');