message: lint css generator
diff: @@ -3,6 +3,15 @@ const defaultTheme = require('../src/theme')
  const px = d => `${d}px`
  +module.exports = postcss.plugin('primer-generate', opts => {
  + const {theme = defaultTheme} = opts || {}
  +
  + const {breakpoints, fontSizes /*, radii, space */} = theme
  + const {border, bg, ...namedColors} = theme.colors
  + // const spacers = space.map(px)
  + const breaks = ['sm', 'md', 'lg', 'xl']
  +
  + /*
  const directions = {
  t: 'top',
  r: 'right',
  @@ -21,14 +30,7 @@ const verticalHorizontal = {
  x: ['right', 'left'],
  y: ['top', 'bottom']
  }
  -
  -module.exports = postcss.plugin('primer-generate', opts => {
  - const {theme = defaultTheme} = opts || {}
  -
  - const {breakpoints, fontSizes, radii, space} = theme
  - const {border, bg, ...namedColors} = theme.colors
  - const spacers = space.map(px)
  - const breaks = ['sm', 'md', 'lg', 'xl']
  + */
  const colors = entries(namedColors).reduce((map, [name, values]) => {
  if (Array.isArray(values)) {
  @@ -45,7 +47,7 @@ module.exports = postcss.plugin('primer-generate', opts => {
  {select: '.bg-{key}', property: 'background-color', values: bg},
  {select: '.border-{key}', property: 'border-color', values: border},
  {select: '.color-{key}', property: 'color', values: colors},
  - {select: '.f{brk}-{key}', property: 'font-size', values: fontSizes.map(px), breaks},
  + {select: '.f{brk}-{key}', property: 'font-size', values: fontSizes.map(px), breaks}
  // {select: '.m{dir}{brk}-{key}', property: 'margin', values: spacers, breaks, directions},
  // {select: '.p{dir}{brk}-{key}', property: 'padding', values: spacers, breaks, directions},
  // {select: '.m{dir}{brk}-{key}', property: 'margin', values: spacers, breaks, edges: verticalHorizontal},
  