
/*layout con*/
@use "sass:list";
.inner5{padding:5px;}
.inner10{padding:10px;}
.inner20{padding:20px;}
.inner30{padding:30px;}
.inner40{padding:40px;}
.inner50{padding:50px;}
.ulib-r0{-webkit-border-radius:0 !important;border-radius:0 !important;}
.ulib-r5{-webkit-border-radius:5px;border-radius:5px;}
.ulib-r10{-webkit-border-radius:10px;border-radius:10px;}
.ulib-r20{-webkit-border-radius:20px;border-radius:20px;}
.ulib-rt20{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.ulib-r750{-webkit-border-radius:750px;border-radius:750px;}

@mixin box($type,$size) {
  @if $type == m{
    .#{$type}l#{$size}{
      margin-left: #{$size * 1px};
    }
    .#{$type}t#{$size}{
      margin-top: #{$size * 1px};
    }
    .#{$type}r#{$size}{
      margin-right: #{$size * 1px};
    }
    .#{$type}b#{$size}{
      margin-bottom: #{$size * 1px};
    }
  }
  @else if $type == p{
    .#{$type}l#{$size}{
      padding-left: #{$size * 1px};
    }
    .#{$type}t#{$size}{
      padding-top: #{$size * 1px};
    }
    .#{$type}r#{$size}{
      padding-right: #{$size * 1px};
    }
    .#{$type}b#{$size}{
      padding-bottom: #{$size * 1px};
    }
  }
}

@for $i from 0 through 14{
  @include box(m,5 * $i);
  @include box(p,5 * $i);
}

/*
  增加需要的数值
  (type size)
*/
$defaultBoxArray: (p 80)(p 90)(p 110)(p 120)(p 130)(p 140)(p 160)(p 170)(p 180)(p 190)(p 200)(p 220)(m 130)(m 70)(m 75)(m 80)(m 90)(m 95)(m 100)(m 110)(m 140)(m 160)(m 170)(m 180)(m 200)(m 210)(m 230)(m 260)(m 280)(m 310)(m 180)(m 430);


@each $i in $defaultBoxArray{
  @include box(list.nth($i, 1),list.nth($i, 2));
}