From 241ac8666cabbdaaa1b175f5e096e84721c93c58 Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Thu, 16 Sep 2021 15:26:11 +0200 Subject: [PATCH 1/2] add default box shadow reset --- src/index.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/index.js b/src/index.js index b97215e..3469e25 100644 --- a/src/index.js +++ b/src/index.js @@ -40,6 +40,7 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) { 'padding-left': spacing[3], 'font-size': baseFontSize, 'line-height': baseLineHeight, + '--tw-shadow': '0 0 #0000', '&:focus': { outline: outline.none[0], 'outline-offset': outline.none[1], @@ -49,7 +50,7 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) { '--tw-ring-color': theme('colors.blue.600', colors.blue[600]), '--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`, '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)`, - 'box-shadow': `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)`, + 'box-shadow': `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)`, 'border-color': theme('colors.blue.600', colors.blue[600]), }, }, @@ -94,6 +95,7 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) { 'background-size': `1.5em 1.5em`, 'padding-right': spacing[10], 'color-adjust': `exact`, + '--tw-shadow': '0 0 #0000', }, }, { @@ -126,6 +128,7 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) { 'background-color': '#fff', 'border-color': theme('colors.gray.500', colors.gray[500]), 'border-width': borderWidth['DEFAULT'], + '--tw-shadow': '0 0 #0000', }, }, { @@ -154,7 +157,7 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) { '--tw-ring-color': theme('colors.blue.600', colors.blue[600]), '--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`, '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)`, - 'box-shadow': `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)`, + 'box-shadow': `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)`, }, }, { From a7680e83f052db149c92e8298aadeaeec84d78da Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 21 Sep 2021 12:20:24 -0400 Subject: [PATCH 2/2] Remove duplicate variable declaration --- src/index.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/index.js b/src/index.js index 3469e25..fcc6e48 100644 --- a/src/index.js +++ b/src/index.js @@ -95,7 +95,6 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) { 'background-size': `1.5em 1.5em`, 'padding-right': spacing[10], 'color-adjust': `exact`, - '--tw-shadow': '0 0 #0000', }, }, {