File tree Expand file tree Collapse file tree 1 file changed +7
-5
lines changed Expand file tree Collapse file tree 1 file changed +7
-5
lines changed Original file line number Diff line number Diff line change @@ -284,9 +284,10 @@ I suggest defining a query order on top of your CSS:
284
284
If you use only simple ` min-width ` queries, [ the ` sort ` option] [ 4 ] can help.
285
285
286
286
287
- ### CSS Applying Order
287
+ ### Multiple Classes
288
288
289
- CSS MQPacker changes order of rulesets. This may break CSS applying order.
289
+ CSS MQPacker works only with CSS. This may break CSS applying order to an
290
+ elements that have multiple classes.
290
291
291
292
``` css
292
293
@media (min-width : 320px ) {
@@ -327,9 +328,10 @@ Becomes:
327
328
}
328
329
```
329
330
330
- This looks good, but if an HTML element has ` class="bar baz" ` and viewport width
331
- larger than ` 640px ` , that element ` width ` incorrectly set to ` 200px ` instead of
332
- ` 300px ` . This problem cannot be resolved only with CSS. So, be careful!
331
+ The result looks good. However, if an HTML element has ` class="bar baz" ` and
332
+ viewport width larger than ` 640px ` , that element ` width ` incorrectly set to
333
+ ` 200px ` instead of ` 300px ` . This problem cannot be resolved only with CSS, so be
334
+ careful!
333
335
334
336
335
337
LICENSE
You can’t perform that action at this time.
0 commit comments