@maximbelyayev/tailwind-utopia/lib/spacing.js

A Tailwind CSS plugin to generate utility classes for interpolated fluid type and space scales.

const { pair, calcValue } = require('./utils')

const defaults = {
  '3xs': 0.25,
  '2xs': 0.5,
  xs: 0.75,
  sm: 1,
  md: 1.5,
  lg: 2,
  xl: 3,
  '2xl': 4,
  '3xl': 6
}

function sizes (theme, { prefix }) {
  const { minSize, maxSize, spacing } = theme('utopia')
  const orderedSpacings = Object.entries(spacing).sort((a, b) => a[1] - b[1])

  const tShirts = orderedSpacings.map(([name, multiplier]) =>
    [[name], [minSize * multiplier, maxSize * multiplier]]
  )

  const orderedKeys = orderedSpacings.map(p => p[0])
  const pairs = pair(orderedKeys).map(names =>
    [names, [minSize * spacing[names[0]], maxSize * spacing[names[1]]]]
  )

  return Object.fromEntries(tShirts.concat(pairs).map(([names, [min, max]]) =>
    [`${prefix}${names.join('-')}`, calcValue(min, max)]
  ))
}

module.exports = {
  defaults: Object.assign({}, defaults),
  sizes
}