// 边距
$margin-padding: 
  ('0' 0rpx),
  ('s' 5rpx),
  ("m" 15rpx),
  ("l" 25rpx),
  ("xl" 35rpx),
  ("xxl" 45rpx);
/* 外边距  */
@each $item in $margin-padding {
  .x-m-#{nth($item, 1)} {margin-left:nth($item, 2) !important;margin-bottom:nth($item, 2) !important;margin-top:nth($item, 2) !important;margin-right:nth($item, 2) !important;}
  .x-mx-#{nth($item, 1)} {margin-right:nth($item, 2) !important;margin-left:nth($item, 2) !important;}
  .x-my-#{nth($item, 1)} {margin-top:nth($item, 2) !important;margin-bottom:nth($item, 2) !important;}
  .x-mt-#{nth($item, 1)} {margin-top:nth($item, 2) !important;}
  .x-mr-#{nth($item, 1)} {margin-right:nth($item, 2) !important;}
  .x-mb-#{nth($item, 1)} {margin-bottom:nth($item, 2) !important;}
  .x-ml-#{nth($item, 1)} {margin-left:nth($item, 2) !important;}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18