tailwindcss/src/index.js
Adam Wathan efe678ddf3 Add focusable at-rule
Allows you to wrap up classes to easily generate `.focus:{class}`
variants.
2017-10-21 11:15:25 -04:00

40 lines
1.3 KiB
JavaScript

import fs from 'fs'
import path from 'path'
import _ from 'lodash'
import postcss from 'postcss'
import stylefmt from 'stylefmt'
import defaultConfig from './defaultConfig'
import mergeConfig from './util/mergeConfig'
import substituteResetAtRule from './lib/substituteResetAtRule'
import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions'
import generateUtilities from './lib/generateUtilities'
import substituteHoverableAtRules from './lib/substituteHoverableAtRules'
import substituteFocusableAtRules from './lib/substituteFocusableAtRules'
import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules'
import substituteScreenAtRules from './lib/substituteScreenAtRules'
import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules'
const plugin = postcss.plugin('tailwind', (options = {}) => {
if (_.isString(options)) {
options = require(path.resolve(options))
}
const config = mergeConfig(defaultConfig, options)
return postcss([
substituteResetAtRule(config),
evaluateTailwindFunctions(config),
generateUtilities(config),
substituteHoverableAtRules(config),
substituteFocusableAtRules(config),
substituteResponsiveAtRules(config),
substituteScreenAtRules(config),
substituteClassApplyAtRules(config),
stylefmt,
])
})
module.exports = plugin