tachyons-generator/lib/typography.js

Generate a custom Tachyons build with a json configuration

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

const docs = (typography, mqs) => `
/*

  TYPOGRAPHY
  http://tachyons.io/docs/typography/measure/

  Measures:
    measure = literal value ${typography.measure[0]}em (base line length)
    measure-narrow = literal value ${typography.measure[1]}em (narrow line length)
    measure-wide = literal value ${typography.measure[2]}em (wide line length)

  Media Query Extensions:
    ${mqSteps(mqs)}

*/`

const css = typography => `
.measure {
  max-width: ${typography.measure[0]}em;
}
.measure-wide {
  max-width: ${typography.measure[1]}em;
}
.measure-narrow {
  max-width: ${typography.measure[2]}em;
}
.small-caps { font-variant: small-caps; }
.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}`;

module.exports = {
  css,
  docs
}