archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Rename selector to rule, extract plugin processing

Browse Source
This commit is contained in:
Adam Wathan 2018-03-01 15:25:03 -05:00
parent 73a6b6da85
commit 47518404c0
1 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/lib/substituteTailwindAtRules.js
View File

@ -8,7 +8,7 @@ import escapeClassName from '../util/escapeClassName'
import generateModules from '../util/generateModules'
import wrapWithVariants from '../util/wrapWithVariants'
function defineSelector(selector, properties) {
function defineRule(selector, properties) {
const decls = _.map(properties, (value, property) => {
return postcss.decl({
prop: `${property}`,
@ -19,24 +19,30 @@ function defineSelector(selector, properties) {
return postcss.rule({ selector }).append(decls)
}
function processPlugins(config) {
const pluginComponents = []
const pluginUtilities = []
config.plugins.forEach(plugin => {
plugin({
rule: defineRule,
addUtilities: (utilities, variants) => {
pluginUtilities.push(wrapWithVariants(utilities, variants))
},
addComponents: components => {
pluginComponents.push(...components)
},
})
})
return [pluginComponents, pluginUtilities]
}
export default function(config) {
return function(css) {
const unwrappedConfig = config()
const pluginComponents = []
const pluginUtilities = []
unwrappedConfig.plugins.forEach(plugin => {
plugin({
selector: defineSelector,
addUtilities: (utilities, variants) => {
pluginUtilities.push(wrapWithVariants(utilities, variants))
},
addComponents: components => {
pluginComponents.push(...components)
},
})
})
const [pluginComponents, pluginUtilities] = processPlugins(unwrappedConfig)
css.walkAtRules('tailwind', atRule => {
if (atRule.params === 'preflight') {