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

Update fixtures and code style

Browse Source
This commit is contained in:
Adam Wathan 2019-12-23 14:26:14 -05:00
parent 02ed29e3e9
commit 2ae6ee6c12
6 changed files with 7052 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3520
__tests__/fixtures/tailwind-output-important.css
View File

File diff suppressed because it is too large Load Diff

3520
__tests__/fixtures/tailwind-output.css
View File

File diff suppressed because it is too large Load Diff

3
src/build.js
View File

@ -10,7 +10,8 @@ function buildDistFile(filename) {
fs.readFile(`./${filename}.css`, (err, css) => {
if (err) throw err
return postcss([tailwind(), require('autoprefixer')])
// return postcss([tailwind(), require('autoprefixer')])
return postcss([tailwind()])
.process(css, {
from: `./${filename}.css`,
to: `./dist/${filename}.css`,

12
src/plugins/translate.js
View File

@ -3,16 +3,8 @@ import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
return function(...args) {
;[
createUtilityPlugin(
'translate-x',
'translate',
'--transform-translate-x'
),
createUtilityPlugin(
'translate-y',
'translate',
'--transform-translate-y'
),
createUtilityPlugin('translate-x', 'translate', '--transform-translate-x'),
createUtilityPlugin('translate-y', 'translate', '--transform-translate-y'),
].forEach(f => f(...args))
}
}

6
src/util/createUtilityPlugin.js
View File

@ -13,11 +13,7 @@ function className(classPrefix, key) {
return `${classPrefix}-${key}`
}
export default function createUtilityPlugin(
classPrefix,
themeKey,
property = themeKey
) {
export default function createUtilityPlugin(classPrefix, themeKey, property = themeKey) {
return function({ e, addUtilities, variants, theme }) {
return addUtilities(
fromPairs(

7
tailwind.css
View File

@ -3,3 +3,10 @@
@tailwind components;
@tailwind utilities;
@responsive {
.example {
@apply .font-bold;
color: theme('colors.red.500');
}
}