wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

initial replacements

Browse source
This commit is contained in:
Robin Malfait 2021-06-30 19:11:10 +02:00
parent 1473ec2749
commit 6dbd28cbb3
No known key found for this signature in database
GPG key ID: 92F53D68B9041AFE
3 changed files with 37 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/plugins/boxShadow.js
View file

@ -1,11 +1,6 @@
import transformThemeValue from '../util/transformThemeValue'
let transformValue = transformThemeValue('boxShadow')
let shadowReset = {
'*, ::before, ::after': {
'--tw-shadow': '0 0 #0000',
},
}
let defaultBoxShadow = [
`var(--tw-ring-offset-shadow, 0 0 #0000)`,
`var(--tw-ring-shadow, 0 0 #0000)`,
@ -15,9 +10,20 @@ let defaultBoxShadow = [
export default function () {
return function ({ config, matchUtilities, addBase, addUtilities, theme, variants }) {
if (config('mode') === 'jit') {
addBase(shadowReset)
addBase({
'*::tailwind': {
'--tw-shadow': '0 0 #0000',
},
})
} else {
addUtilities(shadowReset, { respectImportant: false })
addUtilities(
{
'*, ::before, ::after': {
'--tw-shadow': '0 0 #0000',
},
},
{ respectImportant: false }
)
}
matchUtilities(

2
src/plugins/filter.js
View file

@ -2,7 +2,7 @@ export default function () {
return function ({ config, addBase, addUtilities, variants }) {
if (config('mode') === 'jit') {
addBase({
'*, ::before, ::after': {
'*::tailwind': {
'--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',

36
src/plugins/ringWidth.js
View file

@ -9,21 +9,31 @@ export default function () {
`rgba(147, 197, 253, ${ringOpacityDefault})`
)
let ringReset = {
'*, ::before, ::after': {
'--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
'--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
'--tw-ring-color': ringColorDefault,
'--tw-ring-offset-shadow': '0 0 #0000',
'--tw-ring-shadow': '0 0 #0000',
},
}
if (config('mode') === 'jit') {
addBase(ringReset)
addBase({
'*::tailwind': {
'--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
'--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
'--tw-ring-color': ringColorDefault,
'--tw-ring-offset-shadow': '0 0 #0000',
'--tw-ring-shadow': '0 0 #0000',
},
})
} else {
addUtilities(ringReset, { respectImportant: false })
addUtilities(
{
'*, ::before, ::after': {
'--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
'--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
'--tw-ring-color': ringColorDefault,
'--tw-ring-offset-shadow': '0 0 #0000',
'--tw-ring-shadow': '0 0 #0000',
},
},
{ respectImportant: false }
)
}
matchUtilities(