61 lines
1.3 KiB
JavaScript
61 lines
1.3 KiB
JavaScript
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 ({ sizing }) {
|
|
return _.flatten([
|
|
defineWidths(sizing.width),
|
|
defineMinWidths(sizing.minWidth),
|
|
defineMaxWidths(sizing.maxWidth),
|
|
defineHeights(sizing.height),
|
|
defineMinHeights(sizing.minHeight),
|
|
defineMaxHeights(sizing.maxHeight),
|
|
])
|
|
}
|