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

Merge pull request #690 from tailwindcss/configure-flex-grow-shrink

Browse Source 
Make flex-grow/shrink customizable
This commit is contained in:
Adam Wathan 2019-02-26 14:03:27 -05:00 committed by GitHub
commit 4eb90a6aa3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
defaultTheme.js
View File

@ -314,5 +314,13 @@ module.exports = function() {
stroke: {
current: 'currentColor',
},
flexGrow: {
'0': 0,
default: 1,
},
flexShrink: {
'0': 0,
default: 1,
},
}
}

25
src/plugins/flexGrow.js
View File

@ -1,14 +1,19 @@
export default function({ variants }) {
return function({ addUtilities }) {
import _ from 'lodash'
export default function({ values, variants }) {
return function({ addUtilities, e }) {
addUtilities(
{
'.flex-grow-0': {
'flex-grow': '0',
},
'.flex-grow': {
'flex-grow': '1',
},
},
_.fromPairs(
_.map(values, (value, modifier) => {
const className = modifier === 'default' ? 'flex-grow' : `flex-grow-${modifier}`
return [
`.${e(className)}`,
{
'flex-grow': value,
},
]
})
),
variants
)
}

25
src/plugins/flexShrink.js
View File

@ -1,14 +1,19 @@
export default function({ variants }) {
return function({ addUtilities }) {
import _ from 'lodash'
export default function({ values, variants }) {
return function({ addUtilities, e }) {
addUtilities(
{
'.flex-shrink-0': {
'flex-shrink': '0',
},
'.flex-shrink': {
'flex-shrink': '1',
},
},
_.fromPairs(
_.map(values, (value, modifier) => {
const className = modifier === 'default' ? 'flex-shrink' : `flex-shrink-${modifier}`
return [
`.${e(className)}`,
{
'flex-shrink': value,
},
]
})
),
variants
)
}