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

Don't kebabCase property values in defineClass

Browse Source
This commit is contained in:
Adam Wathan 2017-08-26 10:15:24 -04:00
parent 444da7577f
commit fc6ae8d07a
5 changed files with 250 additions and 255 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

490
dist/tailwind.css vendored
View File

File diff suppressed because it is too large Load Diff

2
dist/tailwind.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
src/util/define-class.js
View File

@ -5,7 +5,7 @@ module.exports = function defineClass(className, properties) {
const decls = _.map(properties, (value, property) => {
return postcss.decl({
prop: _.kebabCase(property),
value: _.kebabCase(value),
value: value,
})
})

9
tests/defineClass.test.js
View File

@ -16,7 +16,7 @@ var inlineFlexHelper = `.inline-flex {
}`
var backgroundColor = `.bg-1 {
background-color: black
background-color: #bada55
}`
/**
@ -33,11 +33,6 @@ it('generates a rule with a kebab-case selector', () => {
})
it('generates a rule with a kebab-case property name', () => {
let output = defineClass('bg-1', {backgroundColor: 'black'})
let output = defineClass('bg-1', {backgroundColor: '#bada55'})
expect(output.toString()).toEqual(backgroundColor)
})
it('generates a rule with a kebab-case value', () => {
let output = defineClass('inline-flex', {display: 'inlineFlex'})
expect(output.toString()).toEqual(inlineFlexHelper)
})

2
tests/defineClasses.test.js
View File

@ -8,7 +8,7 @@ var config = {
display: 'flex',
},
inlineFlex: {
display: 'inlineFlex',
display: 'inline-flex',
},
}