tailwindcss/src/generators/sizing.js at develop · WorldofOpenDev/tailwindcss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import _ from 'lodash'
import defineClass from '../util/defineClass'

function defineWidths(widths) {
  return _.map(widths, (size, modifer) => {
    return defineClass(`w-${modifer}`, {
      width: `${size}`,
    })
  })
}

function defineMinWidths(widths) {
  return _.map(widths, (size, modifer) => {
    return defineClass(`min-w-${modifer}`, {
      'min-width': `${size}`,
    })
  })
}

function defineMaxWidths(widths) {
  return _.map(widths, (size, modifer) => {
    return defineClass(`max-w-${modifer}`, {
      'max-width': `${size}`,
    })
  })
}

function defineHeights(heights) {
  return _.map(heights, (size, modifer) => {
    return defineClass(`h-${modifer}`, {
      height: `${size}`,
    })
  })
}

function defineMinHeights(heights) {
  return _.map(heights, (size, modifer) => {
    return defineClass(`min-h-${modifer}`, {
      'min-height': `${size}`,
    })
  })
}

function defineMaxHeights(heights) {
  return _.map(heights, (size, modifer) => {
    return defineClass(`max-h-${modifer}`, {
      'max-height': `${size}`,
    })
  })
}

export default function(config) {
  return _.flatten([
    defineWidths(config.width),
    defineMinWidths(config.minWidth),
    defineMaxWidths(config.maxWidth),
    defineHeights(config.height),
    defineMinHeights(config.minHeight),
    defineMaxHeights(config.maxHeight),
  ])
}