UNPKG

sort-media-queries

Version:
56 lines (31 loc) 1.7 kB
# sort-media-queries Sort media queries. ## Installation ```sh npm install sort-media-queries --save ``` ## API ### `smq(list, [propertyName])` Returns: `Array` Sorts media queries, either as list of strings or objects. Property argument is used when sorting list of objects. #### list Type: `Array` List of media queries to sort. Can be list with strings and list with objects. If array is passed and nothing can be sorted, it will return original array. Otherwise, if passed argument is not array, it will return empty array. #### propertyName Type: `String` Property used to sort objects inside media queries list. ## Examples ```js var smq = require('sort-media-queries'); smq(["screen and (min-width:1278px)","screen and (min-width:100px)","screen and (min-width:99px)"]); // ["screen and (min-width:99px)","screen and (min-width:100px)","screen and (min-width:1278px)"] smq([{"media":"screen and (min-width:1278px)","bar":2},{"media":"screen and (min-width:100px)"},{"media":"screen and (min-width:99px)","foo":1}], 'media'); // [{"media":"screen and (min-width:99px)","foo":1},{"media":"screen and (min-width:100px)"},{"media":"screen and (min-width:1278px)","bar":2}] ``` ## Browser support Tested in IE8+ and all modern browsers. ## Acknowledgements Algorithm for media queries sorting is taken from [buildingblocks/grunt-combine-media-queries](https://github.com/buildingblocks/grunt-combine-media-queries) ([original project license](https://github.com/buildingblocks/grunt-combine-media-queries/blob/master/LICENSE-MIT)). This repo serves only as separate module which can be included in other projects. ## License MIT © [Ivan Nikolić](http://ivannikolic.com)