|
185 | 185 | }
|
186 | 186 |
|
187 | 187 | /* Single Digits */
|
188 |
| - .ui.indicating.progress[data-percent="1"] .bar, |
189 |
| - .ui.indicating.progress[data-percent="2"] .bar, |
190 |
| - .ui.indicating.progress[data-percent="3"] .bar, |
191 |
| - .ui.indicating.progress[data-percent="4"] .bar, |
192 |
| - .ui.indicating.progress[data-percent="5"] .bar, |
193 |
| - .ui.indicating.progress[data-percent="6"] .bar, |
194 |
| - .ui.indicating.progress[data-percent="7"] .bar, |
195 |
| - .ui.indicating.progress[data-percent="8"] .bar, |
196 |
| - .ui.indicating.progress[data-percent="9"] .bar { |
| 188 | + .ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent^="1."] .bar, |
| 189 | + .ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent^="2."] .bar, |
| 190 | + .ui.indicating.progress[data-percent="3"] .bar, .ui.indicating.progress[data-percent^="3."] .bar, |
| 191 | + .ui.indicating.progress[data-percent="4"] .bar, .ui.indicating.progress[data-percent^="4."] .bar, |
| 192 | + .ui.indicating.progress[data-percent="5"] .bar, .ui.indicating.progress[data-percent^="5."] .bar, |
| 193 | + .ui.indicating.progress[data-percent="6"] .bar, .ui.indicating.progress[data-percent^="6."] .bar, |
| 194 | + .ui.indicating.progress[data-percent="7"] .bar, .ui.indicating.progress[data-percent^="7."] .bar, |
| 195 | + .ui.indicating.progress[data-percent="8"] .bar, .ui.indicating.progress[data-percent^="8."] .bar, |
| 196 | + .ui.indicating.progress[data-percent="9"] .bar, .ui.indicating.progress[data-percent^="9."] .bar { |
197 | 197 | background-color: @indicatingFirstColor;
|
198 | 198 | }
|
199 |
| - .ui.indicating.progress[data-percent="0"] .label, |
200 |
| - .ui.indicating.progress[data-percent="1"] .label, |
201 |
| - .ui.indicating.progress[data-percent="2"] .label, |
202 |
| - .ui.indicating.progress[data-percent="3"] .label, |
203 |
| - .ui.indicating.progress[data-percent="4"] .label, |
204 |
| - .ui.indicating.progress[data-percent="5"] .label, |
205 |
| - .ui.indicating.progress[data-percent="6"] .label, |
206 |
| - .ui.indicating.progress[data-percent="7"] .label, |
207 |
| - .ui.indicating.progress[data-percent="8"] .label, |
208 |
| - .ui.indicating.progress[data-percent="9"] .label { |
| 199 | + .ui.indicating.progress[data-percent="0"] .label, .ui.indicating.progress[data-percent^="0."] .label, |
| 200 | + .ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent^="1."] .label, |
| 201 | + .ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent^="2."] .label, |
| 202 | + .ui.indicating.progress[data-percent="3"] .label, .ui.indicating.progress[data-percent^="3."] .label, |
| 203 | + .ui.indicating.progress[data-percent="4"] .label, .ui.indicating.progress[data-percent^="4."] .label, |
| 204 | + .ui.indicating.progress[data-percent="5"] .label, .ui.indicating.progress[data-percent^="5."] .label, |
| 205 | + .ui.indicating.progress[data-percent="6"] .label, .ui.indicating.progress[data-percent^="6."] .label, |
| 206 | + .ui.indicating.progress[data-percent="7"] .label, .ui.indicating.progress[data-percent^="7."] .label, |
| 207 | + .ui.indicating.progress[data-percent="8"] .label, .ui.indicating.progress[data-percent^="8."] .label, |
| 208 | + .ui.indicating.progress[data-percent="9"] .label, .ui.indicating.progress[data-percent^="9."] .label { |
209 | 209 | color: @indicatingFirstLabelColor;
|
210 | 210 | }
|
211 | 211 | & when (@variationProgressInverted) {
|
212 |
| - .ui.inverted.indicating.progress[data-percent="0"] .label, |
213 |
| - .ui.inverted.indicating.progress[data-percent="1"] .label, |
214 |
| - .ui.inverted.indicating.progress[data-percent="2"] .label, |
215 |
| - .ui.inverted.indicating.progress[data-percent="3"] .label, |
216 |
| - .ui.inverted.indicating.progress[data-percent="4"] .label, |
217 |
| - .ui.inverted.indicating.progress[data-percent="5"] .label, |
218 |
| - .ui.inverted.indicating.progress[data-percent="6"] .label, |
219 |
| - .ui.inverted.indicating.progress[data-percent="7"] .label, |
220 |
| - .ui.inverted.indicating.progress[data-percent="8"] .label, |
221 |
| - .ui.inverted.indicating.progress[data-percent="9"] .label { |
| 212 | + .ui.inverted.indicating.progress[data-percent="0"] .label, .ui.inverted.indicating.progress[data-percent^="0."] .label, |
| 213 | + .ui.inverted.indicating.progress[data-percent="1"] .label, .ui.inverted.indicating.progress[data-percent^="1."] .label, |
| 214 | + .ui.inverted.indicating.progress[data-percent="2"] .label, .ui.inverted.indicating.progress[data-percent^="2."] .label, |
| 215 | + .ui.inverted.indicating.progress[data-percent="3"] .label, .ui.inverted.indicating.progress[data-percent^="3."] .label, |
| 216 | + .ui.inverted.indicating.progress[data-percent="4"] .label, .ui.inverted.indicating.progress[data-percent^="4."] .label, |
| 217 | + .ui.inverted.indicating.progress[data-percent="5"] .label, .ui.inverted.indicating.progress[data-percent^="5."] .label, |
| 218 | + .ui.inverted.indicating.progress[data-percent="6"] .label, .ui.inverted.indicating.progress[data-percent^="6."] .label, |
| 219 | + .ui.inverted.indicating.progress[data-percent="7"] .label, .ui.inverted.indicating.progress[data-percent^="7."] .label, |
| 220 | + .ui.inverted.indicating.progress[data-percent="8"] .label, .ui.inverted.indicating.progress[data-percent^="8."] .label, |
| 221 | + .ui.inverted.indicating.progress[data-percent="9"] .label, .ui.inverted.indicating.progress[data-percent^="9."] .label { |
222 | 222 | color: @invertedIndicatingFirstLabelColor;
|
223 | 223 | }
|
224 | 224 | }
|
|
0 commit comments