// 边距
$margin-padding: 
  ('0' 0rpx),
  ('s' 5rpx),
  ("m" 15rpx),
  ("l" 25rpx),
  ("xl" 35rpx),
  ("xxl" 45rpx);
/* 内边距  */
@each $item in $margin-padding {
  .x-p-#{nth($item, 1)} {padding-left:nth($item, 2) !important;padding-bottom:nth($item, 2) !important;padding-top:nth($item, 2) !important;padding-right:nth($item, 2) !important;}
  .x-px-#{nth($item, 1)} {padding-right:nth($item, 2) !important;padding-left:nth($item, 2) !important;}
  .x-py-#{nth($item, 1)} {padding-top:nth($item, 2) !important;padding-bottom:nth($item, 2) !important;}
  .x-pt-#{nth($item, 1)} {padding-top:nth($item, 2) !important;}
  .x-pr-#{nth($item, 1)} {padding-right:nth($item, 2) !important;}
  .x-pb-#{nth($item, 1)} {padding-bottom:nth($item, 2) !important;}
  .x-pl-#{nth($item, 1)} {padding-left:nth($item, 2) !important;}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18