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

Don't generate color opacity code in color plugins if not necessary

Browse source
This commit is contained in:
Adam Wathan 2020-05-01 15:04:40 -04:00
parent 52aab172db
commit e6fd316347
8 changed files with 57132 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/plugins/borderColor.js
View file

@ -3,7 +3,7 @@ import flattenColorPalette from '../util/flattenColorPalette'
import withAlphaVariable from '../util/withAlphaVariable'
export default function() {
return function({ addUtilities, e, theme, variants, target }) {
return function({ addUtilities, e, theme, variants, target, corePlugins }) {
if (target('borderColor') === 'ie11') {
const colors = flattenColorPalette(theme('borderColor'))
@ -24,11 +24,13 @@ export default function() {
_.map(_.omit(colors, 'default'), (value, modifier) => {
return [
`.${e(`border-${modifier}`)}`,
withAlphaVariable({
color: value,
property: 'border-color',
variable: '--border-opacity',
}),
corePlugins('borderOpacity')
? withAlphaVariable({
color: value,
property: 'border-color',
variable: '--border-opacity',
})
: { 'border-color': value },
]
})
)