CSS-in-JS util for 12-column grids

grid.js

export default {
  columns: {
    one: 'calc(100% / 12)',
    two: 'calc(100% / 6)',
    three: 'calc(100% / 4)',
    four: 'calc(100% / 3)',
    five: 'calc(100% / 2.4)',
    six: 'calc(100% / 2)',
    seven: 'calc(100% / 1.7142857143)',
    eigth: 'calc(100% / 1.5)',
    nine: 'calc(100% / 1.3333333333)',
    ten: 'calc(100% / 1.2)',
    eleven: 'calc(100% / 1.0909090909)',
    twelve: 'calc(100% / 1)',
  }
};