tachyons-generator/lib/type-scale.js

Generate a custom Tachyons build with a json configuration

const { step, mqSteps } = require('./docs-helper')

const docs = (steps, mqs) => `
/*
  TYPE SCALE
  Docs: http://tachyons.io/docs/typography/scale/

  Base:
    f = font-size

  Modifiers:
    ${ steps.map((_, idx) => step({ nth: 'size scale' }, idx + 1)).join('\n    ') }

  Media Query Extensions:
    ${mqSteps(mqs)}
*/`

const css = typeScale => {
  const steps = []

  for (let i = 0; i < typeScale.length; i++) {
    steps.push(decl(i + 1, typeScale[i]))
  }

  return steps.join('\n')
}

const decl = (step, size) => `.f${step} { font-size: ${size}rem; }`

module.exports = {
  css,
  docs
}