tailwindcss/src/plugins/boxShadow.js

42 lines
980 B
JavaScript
Raw Normal View History

import transformThemeValue from '../util/transformThemeValue'
2019-01-09 13:17:49 -05:00
let transformValue = transformThemeValue('boxShadow')
let shadowReset = {
'*': {
'--tw-shadow': '0 0 #0000',
},
}
let defaultBoxShadow = [
`var(--tw-ring-offset-shadow, 0 0 #0000)`,
`var(--tw-ring-shadow, 0 0 #0000)`,
`var(--tw-shadow)`,
].join(', ')
2020-10-16 13:30:06 -04:00
export default function () {
return function ({ config, matchUtilities, addBase, addUtilities, theme, variants }) {
if (config('mode') === 'jit') {
addBase(shadowReset)
} else {
addUtilities(shadowReset, { respectImportant: false })
}
matchUtilities(
{
shadow: (value) => {
value = transformValue(value)
2019-01-09 13:17:49 -05:00
return {
'--tw-shadow': value === 'none' ? '0 0 #0000' : value,
'box-shadow': defaultBoxShadow,
}
},
},
{
values: theme('boxShadow'),
variants: variants('boxShadow'),
type: 'lookup',
}
)
2019-01-09 13:17:49 -05:00
}
}