Blame view

babylon-vue-4.0.0/src/assets/demo/styles/badges.scss 1.66 KB
0f94839d   함상기   babylon client fo...
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
  .customer-badge,
  .product-badge,
  .order-badge {
      border-radius: var(--border-radius);
      padding: .25em .5rem;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: .3px;
  }
  
  .customer-badge {
      &.status-qualified {
          background: #C8E6C9;
          color: #256029;
      }
  
      &.status-unqualified {
          background: #FFCDD2;
          color: #C63737;
      }
  
      &.status-negotiation {
          background: #FEEDAF;
          color: #8A5340;
      }
  
      &.status-new {
          background: #B3E5FC;
          color: #23547B;
      }
  
      &.status-renewal {
          background: #ECCFFF;
          color: #694382;
      }
  
      &.status-proposal {
          background: #FFD8B2;
          color: #805B36;
      }
  }
  
  .product-badge {
      border-radius: var(--border-radius);
      padding: .25em .5rem;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: .3px;
  
      &.status-instock {
          background: #C8E6C9;
          color: #256029;
      }
  
      &.status-outofstock {
          background: #FFCDD2;
          color: #C63737;
      }
  
      &.status-lowstock {
          background: #FEEDAF;
          color: #8A5340;
      }
  }
  
  .order-badge {
      border-radius: var(--border-radius);
      padding: .25em .5rem;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: .3px;
  
      &.order-delivered {
          background: #C8E6C9;
          color: #256029;
      }
  
      &.order-cancelled {
          background: #FFCDD2;
          color: #C63737;
      }
  
      &.order-pending {
          background: #FEEDAF;
          color: #8A5340;
      }
  
      &.order-returned {
          background: #ECCFFF;
          color: #694382;
      }
  }