@charset "utf-8";
/**
 * 间距sass文件
 */

@mixin box-sizing() {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

$space: (name:'0', space: 0),
(name:'xs', space: $space-xs),
(name:'mini', space: $space-mini),
(name:'small', space: $space-small),
(name:'default', space: $space-default),
(name:'big', space: $space-big);

@mixin generate_distance($item){
  $name: map-get($item, name);
  $space: map-get($item, space);
  .mar-#{$name}{
    margin: $space !important;
    @include box-sizing();
  }
  .mar-l-#{$name}{
    margin-left: $space !important;
    @include box-sizing();
  }
  .mar-t-#{$name}{
    margin-top: $space !important;
    @include box-sizing();
  }
  .mar-r-#{$name}{
    margin-right: $space !important;
    @include box-sizing();
  }
  .mar-b-#{$name}{
    margin-bottom: $space !important;
    @include box-sizing();
  }
  .mar-tb-#{$name}{
    margin-top: $space !important;
    margin-bottom: $space !important;
    @include box-sizing();
  }
  .mar-lr-#{$name}{
    margin-left: $space !important;
    margin-right: $space !important;
    @include box-sizing();
  }
  .pad-#{$name}{
    padding: $space !important;
    @include box-sizing();
  }
  .pad-l-#{$name}{
    padding-left: $space !important;
    @include box-sizing();
  }
  .pad-t-#{$name}{
    padding-top: $space !important;
    @include box-sizing();
  }
  .pad-r-#{$name}{
    padding-right: $space !important;
    @include box-sizing();
  }
  .pad-b-#{$name}{
    padding-bottom: $space !important;
    @include box-sizing();
  }
  .pad-tb-#{$name}{
    padding-top: $space !important;
    padding-bottom: $space !important;
    @include box-sizing();
  }
  .pad-lr-#{$name}{
    padding-left: $space !important;
    padding-right: $space !important;
    @include box-sizing();
  }
}

@each $i in $space{
  @include generate_distance($i);
}