tailwindcss/src/plugins/ringOffsetColor.js
Adam Wathan d4fcd2eb8f
Add new ring utilities for custom focus styles and rounded outlines (#2747)
* Add ring utilities

* Remove redundant shadows, add 5% and 95% to opacity scale

* Undo changes to build file

* Update boxShadow.test.js
2020-11-09 16:39:49 -05:00

20 lines
574 B
JavaScript

import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
import nameClass from '../util/nameClass'
export default function () {
return function ({ addUtilities, theme, variants }) {
const colors = flattenColorPalette(theme('ringOffsetColor'))
const utilities = _.fromPairs(
_.map(colors, (value, modifier) => {
return [
nameClass('ring-offset', modifier),
{
'--ring-offset-color': value,
},
]
})
)
addUtilities(utilities, variants('ringOffsetColor'))
}
}