/* color变量 */
$x-color-primary: #FD5300;
$x-color-secondary: #CAD6B2;
$x-color-success: #6CE03A;
$x-color-info: #46E4FC;
$x-color-warning: #DF8E01;
$x-color-red: #FF6816;
$x-color-light: #F2F5FE;
$x-color-dark: #343a40;
$x-border-color: #efefef;

/* 颜色 */
$color: 
  ('primary' $x-color-primary),
  ("secondary" $x-color-secondary),
  ("success" $x-color-success),
  ("info" $x-color-info),
  ("warning" $x-color-warning),
  ("red" $x-color-red),
  ("light" $x-color-light),
  ("dark" $x-color-dark),
  ("black" #333333),
  ("black6" #666666),
  ("black9" #999999),
  ("white" #ffffff);
/* 文字颜色 */
.x-{
  @each $item in $color {
    &#{nth($item, 1)} { color: nth($item, 2) !important; }
  }
}
/* 背景颜色 */
.x-bg-{
  @each $item in $color {
    &#{nth($item, 1)} { background-color: nth($item, 2) !important; }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37