const postcssNestedPlugin = require('postcss-nested');
const postcssPresetEnvPlugin = require('postcss-preset-env');
const postcssMixinsPlugin = require('postcss-mixins');
const lost = require('lost');

const adaptiveMixin = require('./mixins/adaptive');
const breakpoints = require('./constants/breakpoints.js');

const lostOptions = {
  flexbox: 'flex',
  gutter: '16px',
};

const customMedia = {
  tablet: `(min-width: ${breakpoints.tablet})`,
  'desktop-narrow': `(min-width: ${breakpoints['desktop-narrow']})`,
  'desktop-medium': `(min-width: ${breakpoints['desktop-medium']})`,
  'desktop-wide': `(min-width: ${breakpoints['desktop-wide']})`,
};