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

Add opacity modifiers for color utilities

Browse source
This commit is contained in:
Adam Wathan 2020-04-26 09:48:54 -04:00
parent 30e0cb10b7
commit 3b565d1f9c
25 changed files with 24761 additions and 521 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/plugins/textColor.js
View file

@ -1,5 +1,6 @@
import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
import withAlphaVariable from '../util/withAlphaVariable'
export default function() {
return function({ addUtilities, e, theme, variants }) {
@ -7,9 +8,7 @@ export default function() {
_.map(flattenColorPalette(theme('textColor')), (value, modifier) => {
return [
`.${e(`text-${modifier}`)}`,
{
color: value,
},
withAlphaVariable({ color: value, property: 'color', variable: '--text-opacity' }),
]
})
)