float-pigment-css 0.8.2

The CSS parser for the float-pigment project.
Documentation 
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

wx-button {
  padding: 8px 24px;
  line-height: 1.41176471;
  border-radius: 4px;
  font-weight: 700;
  font-size: 17px;
  border: none;
}

wx-button.wx-button-type-none {
  width: 184px;
  margin-left: auto;
  margin-right: auto;
}

wx-button.wx-button-type-default {
  width: 184px;
  margin-left: auto;
  margin-right: auto;
  color: #06ae56;
  background-color: #f2f2f2;
}

wx-button.wx-button-type-default.button-hover {
  color: #06ae56;
  background-color: #d9d9d9;
}

wx-button.wx-button-type-default.wx-button-disabled {
  color: rgba(0, 0, 0, 0.18);
  background-color: #fafafa;
}

wx-button.wx-button-type-default.wx-button-plain {
  color: #353535;
  border: 1px solid #353535;
  background-color: transparent;
}

wx-button.wx-button-type-default.wx-button-plain.button-hover {
  background-color: rgba(0, 0, 0, 0.1);
}

wx-button.wx-button-type-primary {
  width: 184px;
  margin-left: auto;
  margin-right: auto;
  background-color: #07c160;
}

wx-button.wx-button-type-primary.wx-button-loading {
  color: #fff;
  background-color: #06ad56;
  background-position: 24px center;
  padding-left: 42px;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
}

wx-button.wx-button-type-primary.button-hover {
  color: #fff;
  background-color: #06ad56;
}

wx-button.wx-button-type-primary.wx-button-disabled {
  color: rgba(0, 0, 0, 0.18);
  background-color: #fafafa;
}

wx-button.wx-button-type-primary.wx-button-plain {
  color: #06ae56;
  border-color: #179c16;
}

wx-button.wx-button-type-primary.wx-button-plain.wx-button-disabled {
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}

wx-button.wx-button-type-primary.wx-button-plain.button-hover {
  background-color: rgba(0, 0, 0, 0.1);
}

wx-button.wx-button-type-warn {
  width: 184px;
  margin-left: auto;
  margin-right: auto;
  color: #fa5151;
  background-color: #f2f2f2;
}

wx-button.wx-button-type-warn.wx-button-loading {
  background-color: #d9d9d9;
  color: #fa5151;
}

wx-button.wx-button-type-warn.button-hover {
  color: #fa5151;
  background-color: #d9d9d9;
}

wx-button.wx-button-type-warn.wx-button-disabled {
  color: rgba(0, 0, 0, 0.18);
  background-color: #fafafa;
}

wx-button.wx-button-size-mini {
  width: auto;
  padding: 0 12px;
  line-height: 2;
  font-size: 16px;
}

wx-button.wx-button-disabled {
  color: rgba(0, 0, 0, 0.18);
  background-color: #fafafa;
}