From c3886066cc82454711724a8427d2c126942efd2b Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 1 Mar 2019 20:53:01 -0500 Subject: [PATCH 1/2] Reset heading styles in preflight Set all headings to inherit the parent font size and reset the font weight to normal. This prevents you from accidentally using browser default sizes in your designs and deviating from your design system. --- __tests__/fixtures/tailwind-output-important.css | 10 ++++++++++ __tests__/fixtures/tailwind-output.css | 10 ++++++++++ src/plugins/css/preflight.css | 10 ++++++++++ 3 files changed, 30 insertions(+) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 6698fc65c..fb274e761 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -478,6 +478,16 @@ table { border-collapse: collapse; } +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + .container { width: 100%; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index b0c2065ee..c5dc7a8b5 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -478,6 +478,16 @@ table { border-collapse: collapse; } +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + .container { width: 100%; } diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css index 24d4dcc20..b12384330 100644 --- a/src/plugins/css/preflight.css +++ b/src/plugins/css/preflight.css @@ -123,3 +123,13 @@ button, table { border-collapse: collapse; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} From fb451e7aa69d2f3407de6bb1d47ca94e7e7f6db2 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sat, 2 Mar 2019 13:05:39 -0500 Subject: [PATCH 2/2] Update font-size and font-weight to inherit --- __tests__/fixtures/tailwind-output-important.css | 4 ++-- __tests__/fixtures/tailwind-output.css | 4 ++-- src/plugins/css/preflight.css | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index fb274e761..ea62e1ff4 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -484,8 +484,8 @@ h3, h4, h5, h6 { - font-size: 100%; - font-weight: normal; + font-size: inherit; + font-weight: inherit; } .container { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index c5dc7a8b5..0f9d79efa 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -484,8 +484,8 @@ h3, h4, h5, h6 { - font-size: 100%; - font-weight: normal; + font-size: inherit; + font-weight: inherit; } .container { diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css index b12384330..b970df512 100644 --- a/src/plugins/css/preflight.css +++ b/src/plugins/css/preflight.css @@ -130,6 +130,6 @@ h3, h4, h5, h6 { - font-size: 100%; - font-weight: normal; + font-size: inherit; + font-weight: inherit; }