@tysontredger/css-framework v0.2.7

Utility structure

{
  sets: ['responsive'],
  rules: [
		{ selector: '', declarations: {} },
		{ selector: '', declarations: {} },
    { selector: '', declarations: {} },
    { selector: '', declarations: {} },
    { selector: '', declarations: {} },
  ]
}

Model structure

'name': {
  sets: ['focus', 'hover', 'responsive'],
  properties: {
    selector-prefix-a: ['property']
    selector-prefix-b: ['property-a', 'property-b'],
    },
  values: {
    selector-suffix-a: 'value',
    selector-suffix-b: 'value',
  },
  rules: [
    {
      selector: '.selector',
      declarations: {
        'property-a': 'value',
        'property-b': 'value',
      },
    },
  ]
},