From b4db53676e1e3488a8ddd804662854325280a8fd Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 12 Mar 2019 16:59:25 -0400 Subject: [PATCH] Don't reset form elements quite as aggressively --- .../fixtures/tailwind-output-important.css | 17 +++++------------ __tests__/fixtures/tailwind-output.css | 17 +++++------------ src/plugins/css/preflight.css | 17 +++++------------ 3 files changed, 15 insertions(+), 36 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index f89a5fdf2..32a2d0fa8 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -489,9 +489,9 @@ h6 { } /** - * Reset form elements to inherit their styles from the parent - * so that form elements don't inadvertently have any styles - * that deviate from your design system. These styles + * Reset form element properties that are easy to forget to + * style explicitly so you don't inadvertently introduce + * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ @@ -502,16 +502,9 @@ optgroup, select, textarea { padding: 0; - border-radius: 0; - background-color: transparent; - color: inherit; - font-weight: inherit; line-height: inherit; - font-style: inherit; - font-variant: inherit; - text-align: inherit; - text-transform: inherit; - letter-spacing: inherit; + color: inherit; + background-color: transparent; } .container { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 6650a5869..5727063ec 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -489,9 +489,9 @@ h6 { } /** - * Reset form elements to inherit their styles from the parent - * so that form elements don't inadvertently have any styles - * that deviate from your design system. These styles + * Reset form element properties that are easy to forget to + * style explicitly so you don't inadvertently introduce + * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ @@ -502,16 +502,9 @@ optgroup, select, textarea { padding: 0; - border-radius: 0; - background-color: transparent; - color: inherit; - font-weight: inherit; line-height: inherit; - font-style: inherit; - font-variant: inherit; - text-align: inherit; - text-transform: inherit; - letter-spacing: inherit; + color: inherit; + background-color: transparent; } .container { diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css index 5babbd2ae..c86bed9d5 100644 --- a/src/plugins/css/preflight.css +++ b/src/plugins/css/preflight.css @@ -135,9 +135,9 @@ h6 { } /** - * Reset form elements to inherit their styles from the parent - * so that form elements don't inadvertently have any styles - * that deviate from your design system. These styles + * Reset form element properties that are easy to forget to + * style explicitly so you don't inadvertently introduce + * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ @@ -148,14 +148,7 @@ optgroup, select, textarea { padding: 0; - border-radius: 0; - background-color: transparent; - color: inherit; - font-weight: inherit; line-height: inherit; - font-style: inherit; - font-variant: inherit; - text-align: inherit; - text-transform: inherit; - letter-spacing: inherit; + color: inherit; + background-color: transparent; }