kingdot/lib/utils/media.js

A UI Components Library For Vue

var mediaBreakpoints = {
    xs: 'max-width: 767px',
    sm: 'min-width: 768px',
    md: 'min-width: 992px',
    lg: 'min-width: 1200px',
    xl: 'min-width: 1920px'
};
var mediaBreakSize = Object.keys(mediaBreakpoints);

module.exports = function defineStylusVariable() {
    return function (stylus) {
        stylus.define('mediaBreakSize', function () {
            return mediaBreakSize;
        });
        stylus.define('getMediaBreakSizeInfo', function (size) {
            return mediaBreakpoints[size.val];
        });
    };
};

module.exports.mediaBreakpoints = mediaBreakpoints;
module.exports.mediaBreakSize = mediaBreakSize;