wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Merge pull request #520 from tailwindcss/process-tailwind-features-together

Browse source 
Process tailwind features together
This commit is contained in:
Adam Wathan 2018-07-16 22:17:25 +09:30 • committed by GitHub
commit 37493edfc7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/index.js
View file

@ -15,7 +15,7 @@ const plugin = postcss.plugin('tailwind', config => {
plugins.push(registerConfigAsDependency(path.resolve(config)))
}
const lazyConfig = () => {
const getConfig = () => {
if (_.isUndefined(config)) {
return require('../defaultConfig')()
}
@ -32,7 +32,7 @@ const plugin = postcss.plugin('tailwind', config => {
return postcss([
...plugins,
processTailwindFeatures(lazyConfig),
processTailwindFeatures(getConfig),
perfectionist({
cascade: true,
colorShorthand: true,

27
src/processTailwindFeatures.js
View file

@ -1,3 +1,4 @@
import _ from 'lodash'
import postcss from 'postcss'
import substituteTailwindAtRules from './lib/substituteTailwindAtRules'
@ -10,17 +11,19 @@ import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules'
import generateUtilities from './util/generateUtilities'
import processPlugins from './util/processPlugins'
export default function(lazyConfig) {
const config = lazyConfig()
const processedPlugins = processPlugins(config)
const utilities = generateUtilities(config, processedPlugins.utilities)
export default function(getConfig) {
return function(css) {
const config = getConfig()
const processedPlugins = processPlugins(config)
const utilities = generateUtilities(config, processedPlugins.utilities)
return postcss([
substituteTailwindAtRules(config, processedPlugins, utilities),
evaluateTailwindFunctions(config),
substituteVariantsAtRules(config, processedPlugins),
substituteResponsiveAtRules(config),
substituteScreenAtRules(config),
substituteClassApplyAtRules(config, utilities),
])
return postcss([
substituteTailwindAtRules(config, processedPlugins, utilities),
evaluateTailwindFunctions(config),
substituteVariantsAtRules(config, processedPlugins),
substituteResponsiveAtRules(config),
substituteScreenAtRules(config),
substituteClassApplyAtRules(config, utilities),
]).process(css, { from: _.get(css, 'source.input.file') })
}
}