@typographist/postcss/src/features/media-queries.js

Toolkit for the rapid construction of interfaces with high quality typography.

const { up, down, between, only } = require('../breakpoints/media-queries');

// up :: (Object, Object) -> Void
exports.renderUp = (atrule, breakpointsMap) => {
  atrule.name = 'media';
  atrule.params = up(atrule, breakpointsMap);
};

exports.renderDown = (atrule, breakpointsMap) => {
  atrule.name = 'media';
  atrule.params = down(atrule, breakpointsMap);
};

exports.renderBetween = (atrule, createBreakpointsMap) => {
  atrule.name = 'media';
  atrule.params = between(atrule, createBreakpointsMap);
};

exports.renderOnly = (atrule, breakpointsMap) => {
  atrule.name = 'media';
  atrule.params = only(atrule, breakpointsMap);
};