mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
6628eb00ca
* implement matchUtilities2 * ensure animation names without keyframes are not prefixed * remove matchBase * call addUtilities for each group individually * WIP: Write plugins using matchUtilities2 * MORE * Fix arbitrary value support for fontSize * Fixes, update fixtures * Rebuild fixtures * Don't generate `divide` class with no modifier * Fixes, rebuild fixtures * Rename matchUtilities2 to matchUtilities * Delete bad tests * Remove temp files GROSS * Clean stuff up * Support no return in matchUtilities Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
82 lines
2.0 KiB
JavaScript
82 lines
2.0 KiB
JavaScript
import postcss from 'postcss'
|
|
import path from 'path'
|
|
import tailwind from '../../src/index.js'
|
|
|
|
function run(input, config = {}) {
|
|
return postcss(tailwind(config)).process(input, {
|
|
from: path.resolve(__filename),
|
|
})
|
|
}
|
|
|
|
test('font-size utilities can include a default line-height', () => {
|
|
const config = {
|
|
theme: {
|
|
fontSize: {
|
|
sm: '12px',
|
|
md: ['16px', '24px'],
|
|
lg: ['20px', '28px'],
|
|
},
|
|
},
|
|
corePlugins: ['fontSize'],
|
|
variants: {
|
|
fontSize: [],
|
|
},
|
|
}
|
|
|
|
return run('@tailwind utilities', config).then((result) => {
|
|
expect(result.css).toMatchCss(`
|
|
.text-sm { font-size: 12px }
|
|
.text-md { font-size: 16px; line-height: 24px }
|
|
.text-lg { font-size: 20px; line-height: 28px }
|
|
`)
|
|
})
|
|
})
|
|
|
|
test('font-size utilities can include a default letter-spacing', () => {
|
|
const config = {
|
|
theme: {
|
|
fontSize: {
|
|
sm: '12px',
|
|
md: ['16px', { letterSpacing: '-0.01em' }],
|
|
lg: ['20px', { letterSpacing: '-0.02em' }],
|
|
},
|
|
},
|
|
corePlugins: ['fontSize'],
|
|
variants: {
|
|
fontSize: [],
|
|
},
|
|
}
|
|
|
|
return run('@tailwind utilities', config).then((result) => {
|
|
expect(result.css).toMatchCss(`
|
|
.text-sm { font-size: 12px }
|
|
.text-md { font-size: 16px; letter-spacing: -0.01em }
|
|
.text-lg { font-size: 20px; letter-spacing: -0.02em }
|
|
`)
|
|
})
|
|
})
|
|
|
|
test('font-size utilities can include a default line-height and letter-spacing', () => {
|
|
const config = {
|
|
theme: {
|
|
fontSize: {
|
|
sm: '12px',
|
|
md: ['16px', { lineHeight: '24px', letterSpacing: '-0.01em' }],
|
|
lg: ['20px', { lineHeight: '28px', letterSpacing: '-0.02em' }],
|
|
},
|
|
},
|
|
corePlugins: ['fontSize'],
|
|
variants: {
|
|
fontSize: [],
|
|
},
|
|
}
|
|
|
|
return run('@tailwind utilities', config).then((result) => {
|
|
expect(result.css).toMatchCss(`
|
|
.text-sm { font-size: 12px }
|
|
.text-md { font-size: 16px; line-height: 24px; letter-spacing: -0.01em }
|
|
.text-lg { font-size: 20px; line-height: 28px; letter-spacing: -0.02em }
|
|
`)
|
|
})
|
|
})
|