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

Reset heading styles in preflight

Browse source 
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.
This commit is contained in:
Adam Wathan 2019-03-01 20:53:01 -05:00
parent 2219dfd814
commit c3886066cc
3 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
__tests__/fixtures/tailwind-output-important.css
View file

@ -478,6 +478,16 @@ table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
.container {
width: 100%;
}

10
__tests__/fixtures/tailwind-output.css
View file

@ -478,6 +478,16 @@ table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
.container {
width: 100%;
}

10
src/plugins/css/preflight.css
View file

@ -123,3 +123,13 @@ button,
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}