https://github.com/niksy/sort-media-queries

Sort media queries.
https://github.com/niksy/sort-media-queries

Last synced: 2 months ago
JSON representation

Sort media queries.

• Host: GitHub
• URL: https://github.com/niksy/sort-media-queries
• Owner: niksy
• License: mit
• Created: 2014-06-23T10:49:52.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-01-11T17:56:30.000Z (almost 10 years ago)
• Last Synced: 2024-10-12T01:02:19.924Z (3 months ago)
• Language: JavaScript
• Size: 207 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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)