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

ring defaults (#2951)

Browse source 
* add ring defaults

Fixes #2911

* add tests for the ringWidth utility

+ defaults

* update changelog
This commit is contained in:
Robin Malfait 2020-12-02 21:45:04 +01:00 • committed by GitHub
parent d41ec713a6
commit d1ef88a61b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 112 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/plugins/ringOffsetColor.js
View file

@ -7,7 +7,7 @@ export default function () {
return function ({ addUtilities, theme, variants }) {
const colors = flattenColorPalette(theme('ringOffsetColor'))
const utilities = _.fromPairs(
_.map(colors, (value, modifier) => {
_.map(_.omit(colors, 'DEFAULT'), (value, modifier) => {
return [
nameClass('ring-offset', modifier),
{

2
src/plugins/ringOffsetWidth.js
View file

@ -4,7 +4,7 @@ import nameClass from '../util/nameClass'
export default function () {
return function ({ addUtilities, theme, variants }) {
const utilities = _.fromPairs(
_.map(theme('ringOffsetWidth'), (value, modifier) => {
_.map(_.omit(theme('ringOffsetWidth'), 'DEFAULT'), (value, modifier) => {
return [
nameClass('ring-offset', modifier),
{

4
src/plugins/ringWidth.js
View file

@ -20,8 +20,8 @@ export default function () {
{
'*': {
'--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
'--tw-ring-offset-width': '0px',
'--tw-ring-offset-color': '#fff',
'--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',