You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.3 KiB
61 lines
1.3 KiB
/**
|
|
* source by `json2mq`
|
|
* https://github.com/akiran/json2mq.git
|
|
*/
|
|
|
|
const camel2hyphen = function (str) {
|
|
return str
|
|
.replace(/[A-Z]/g, function (match) {
|
|
return '-' + match.toLowerCase();
|
|
})
|
|
.toLowerCase();
|
|
};
|
|
|
|
const isDimension = function (feature) {
|
|
const re = /[height|width]$/;
|
|
return re.test(feature);
|
|
};
|
|
|
|
const obj2mq = function (obj) {
|
|
let mq = '';
|
|
const features = Object.keys(obj);
|
|
features.forEach(function (feature, index) {
|
|
let value = obj[feature];
|
|
feature = camel2hyphen(feature);
|
|
// Add px to dimension features
|
|
if (isDimension(feature) && typeof value === 'number') {
|
|
value = value + 'px';
|
|
}
|
|
if (value === true) {
|
|
mq += feature;
|
|
} else if (value === false) {
|
|
mq += 'not ' + feature;
|
|
} else {
|
|
mq += '(' + feature + ': ' + value + ')';
|
|
}
|
|
if (index < features.length - 1) {
|
|
mq += ' and ';
|
|
}
|
|
});
|
|
return mq;
|
|
};
|
|
|
|
export default function (query) {
|
|
let mq = '';
|
|
if (typeof query === 'string') {
|
|
return query;
|
|
}
|
|
// Handling array of media queries
|
|
if (query instanceof Array) {
|
|
query.forEach(function (q, index) {
|
|
mq += obj2mq(q);
|
|
if (index < query.length - 1) {
|
|
mq += ', ';
|
|
}
|
|
});
|
|
return mq;
|
|
}
|
|
// Handling single media query
|
|
return obj2mq(query);
|
|
}
|