Skip to content
Closed
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Don't override config parameter
  • Loading branch information
adamwathan committed Nov 11, 2017
commit c608c35feeee2bc2b50962e9737f4d77e9fe26f4
76 changes: 38 additions & 38 deletions src/lib/generateUtilities.js
Original file line number Diff line number Diff line change
Expand Up @@ -42,58 +42,58 @@ import zIndex from '../generators/zIndex'

export default function(config) {
return function(css) {
config = config()
let unwrappedConfig = config()

css.walkAtRules('tailwind', atRule => {
if (atRule.params === 'utilities') {
const utilities = postcss.root({
nodes: _.flatten([
lists(config),
forms(config),
textSizes(config),
textWeights(config),
textFonts(config),
textColors(config),
textLeading(config),
textTracking(config),
textAlign(config),
textWrap(config),
textStyle(config),
verticalAlign(config),
backgroundColors(config),
backgroundPositions(config),
backgroundSize(config),
borderWidths(config),
borderColors(config),
borderStyles(config),
rounded(config),
display(config),
position(config),
overflow(config),
sizing(config),
spacing(config),
shadows(config),
flex(config),
floats(config),
visibility(config),
zIndex(config),
opacity(config),
userSelect(config),
pointerEvents(config),
resize(config),
cursor(config),
lists(unwrappedConfig),
forms(unwrappedConfig),
textSizes(unwrappedConfig),
textWeights(unwrappedConfig),
textFonts(unwrappedConfig),
textColors(unwrappedConfig),
textLeading(unwrappedConfig),
textTracking(unwrappedConfig),
textAlign(unwrappedConfig),
textWrap(unwrappedConfig),
textStyle(unwrappedConfig),
verticalAlign(unwrappedConfig),
backgroundColors(unwrappedConfig),
backgroundPositions(unwrappedConfig),
backgroundSize(unwrappedConfig),
borderWidths(unwrappedConfig),
borderColors(unwrappedConfig),
borderStyles(unwrappedConfig),
rounded(unwrappedConfig),
display(unwrappedConfig),
position(unwrappedConfig),
overflow(unwrappedConfig),
sizing(unwrappedConfig),
spacing(unwrappedConfig),
shadows(unwrappedConfig),
flex(unwrappedConfig),
floats(unwrappedConfig),
visibility(unwrappedConfig),
zIndex(unwrappedConfig),
opacity(unwrappedConfig),
userSelect(unwrappedConfig),
pointerEvents(unwrappedConfig),
resize(unwrappedConfig),
cursor(unwrappedConfig),
]),
})

if (_.get(config, 'options.important', false)) {
if (_.get(unwrappedConfig, 'options.important', false)) {
utilities.walkDecls(decl => (decl.important = true))
}

const tailwindClasses = postcss.root({
nodes: [...container(config), responsive(utilities)],
nodes: [...container(unwrappedConfig), responsive(utilities)],
})

applyClassPrefix(tailwindClasses, _.get(config, 'options.prefix', ''))
applyClassPrefix(tailwindClasses, _.get(unwrappedConfig, 'options.prefix', ''))

atRule.before(tailwindClasses)
atRule.remove()
Expand Down