2
/// @author Web Team at Canonical Ltd
3
/// @link http://ubuntudesign.github.io/vanilla-framework/docs/#mixin-vf-forms
7
$base-spacing-unit: 20px !default;
12
@include spacing(margin, $base-spacing-unit);
13
@include spacing(padding, $base-spacing-unit);
16
@mixin spacing($spacing, $spacing-unit) {
17
// scss-lint:disable ImportantRule
18
$directions: top right bottom left;
19
$sizes: (tiny: $spacing-unit / 4, small: $spacing-unit / 2, large: $spacing-unit * 2, huge: $spacing-unit * 4);
22
#{$spacing}: $spacing-unit;
25
#{$spacing}: none !important;
28
@each $size, $division in $sizes {
30
#{$spacing}: $division !important;
34
@each $direction in $directions {
36
#{$spacing}-#{$direction}: $spacing-unit !important;
39
#{$spacing}-#{$direction}: none !important;
42
@each $size, $division in $sizes {
44
#{$spacing}-#{$direction}: $division !important;
50
// scss-lint:enable ImportantRule
53
@include maas-spacing;