@@ -67,15 +67,17 @@ code {
67
67
padding-right : 3px ;
68
68
}
69
69
70
- .flarecheck-test pre ,
71
- .flarecheck-test code ,
72
- .flarecheck-test input ,
73
- .flarecheck-test label ,
74
- .flarecheck-test legend {
75
- font-family : 'Source Code Pro' , courier;
70
+ .sparkle-test pre ,
71
+ .sparkle-test code ,
72
+ .sparkle-test input ,
73
+ .sparkle-test label ,
74
+ .sparkle-test legend ,
75
+ .sparkle-test select ,
76
+ .sparkle-test textarea {
77
+ font-family : 'Source Code Pro' , monospace;
76
78
}
77
79
78
- fieldset .flarecheck -test {
80
+ fieldset .sparkle -test {
79
81
margin-top : 15px ;
80
82
margin-bottom : 40px ;
81
83
max-width : 800px ;
@@ -84,15 +86,15 @@ fieldset.flarecheck-test {
84
86
padding : .35em .625em .75em ;
85
87
}
86
88
87
- fieldset .flarecheck -test > legend {
89
+ fieldset .sparkle -test > legend {
88
90
background-color : # f0f0f0 ;
89
91
border : 1px solid # 666 ;
90
92
border-radius : 3px ;
91
93
float : initial;
92
94
width : initial;
93
95
}
94
96
95
- .flarecheck -test pre {
97
+ .sparkle -test pre {
96
98
background-color : # f0f0f0 ;
97
99
padding : 10px ;
98
100
max-width : 780px ;
@@ -105,89 +107,101 @@ fieldset.flarecheck-test > legend {
105
107
word-wrap : break-word; /* Internet Explorer 5.5+ */
106
108
}
107
109
108
- .flarecheck -test .flare-input {
110
+ .sparkle -test .flare-input {
109
111
margin-bottom : 5px ;
110
112
}
111
113
112
- .flarecheck -test input {
114
+ .sparkle -test input : not ([ type = "range" ]) {
113
115
padding : 3px ;
114
116
border-radius : 3px ;
115
117
border : 1px solid # 888 ;
116
118
}
117
119
118
- .flarecheck -test input : invalid {
120
+ .sparkle -test input : invalid {
119
121
background-color : # DEAFB4 ;
120
122
}
121
123
122
- .flarecheck -test .flare-input-number ,
123
- .flarecheck -test .flare-input-int-number {
124
+ .sparkle -test .flare-input-number ,
125
+ .sparkle -test .flare-input-int-number {
124
126
width : 80px ;
125
127
}
126
128
127
- .flarecheck -test fieldset {
129
+ .sparkle -test fieldset {
128
130
border-radius : 3px ;
129
131
margin-top : 5px ;
130
132
margin-bottom : 20px ;
131
133
}
132
134
133
- .flarecheck -test label {
134
- width : 150 px ;
135
+ .sparkle -test label {
136
+ width : 160 px ;
135
137
display : inline-block;
136
138
}
137
139
138
- .flarecheck -test legend {
140
+ .sparkle -test legend {
139
141
padding : 2px 6px ;
140
142
font-weight : 700 ;
141
143
}
142
144
143
- .flarecheck-test .flarecheck-okay {
145
+ .sparkle-test .flare-input-list button {
146
+ margin-left : 5px ;
147
+ margin-right : 5px ;
148
+ }
149
+
150
+ .sparkle-test .sparkle-okay {
144
151
background-color : # B4DEAF ;
145
152
}
146
153
147
- .flarecheck -test .flarecheck -warn {
154
+ .sparkle -test .sparkle -warn {
148
155
background-color : # DEAFB4 ;
149
156
}
150
157
151
- .flarecheck -string {
158
+ .sparkle -string {
152
159
color : # E91E63 ;
153
160
}
154
161
155
- .flarecheck -number {
162
+ .sparkle -number {
156
163
color : # 1339E8 ;
157
164
}
158
165
159
- .flarecheck -boolean {
166
+ .sparkle -boolean {
160
167
font-weight : bold;
161
168
}
162
169
163
- .flarecheck -constructor {
170
+ .sparkle -constructor {
164
171
font-weight : bold;
165
172
}
166
173
167
- .flarecheck -record-field {
174
+ .sparkle -record-field {
168
175
font-style : italic;
169
176
}
170
177
171
- .flarecheck-tooltip {
178
+ .sparkle-color {
179
+ width : 1em ;
180
+ height : 1em ;
181
+ margin-right : 0.5em ;
182
+ display : inline-block;
183
+ }
184
+
185
+ .sparkle-tooltip {
172
186
cursor : default;
173
187
}
174
188
175
- .flarecheck -tooltip: hover {
189
+ .sparkle -tooltip: hover {
176
190
background-color : # f2e7a6 ;
177
191
}
178
192
179
- .flarecheck -tooltip > .flarecheck -tooltip: hover {
193
+ .sparkle -tooltip > .sparkle -tooltip: hover {
180
194
background-color : # e9d563 ;
181
195
}
182
196
183
- .flarecheck -tooltip > .flarecheck -tooltip > .flarecheck -tooltip: hover {
197
+ .sparkle -tooltip > .sparkle -tooltip > .sparkle -tooltip: hover {
184
198
background-color : # dfc220 ;
185
199
}
186
200
187
- .flarecheck -tooltip > .flarecheck -tooltip > .flarecheck -tooltip > .flarecheck -tooltip: hover {
201
+ .sparkle -tooltip > .sparkle -tooltip > .sparkle -tooltip > .sparkle -tooltip: hover {
188
202
background-color : # 938015 ;
189
203
}
190
204
191
- .flarecheck -tooltip > .flarecheck -tooltip > .flarecheck -tooltip > .flarecheck -tooltip > .flarecheck -tooltip: hover {
205
+ .sparkle -tooltip > .sparkle -tooltip > .sparkle -tooltip > .sparkle -tooltip > .sparkle -tooltip: hover {
192
206
background-color : # 62560e ;
193
207
}
0 commit comments