diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 9cc0dd771..b9966b76a 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -506,6 +506,16 @@ textarea { color: inherit; } +/** + * Use the configured 'bold' weight for `strong` elements + * by default, falling back to 'bolder' (as per normalize.css) + * if there is no configured 'bold' weight. + */ + +strong { + font-weight: 700; +} + .container { width: 100%; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 6232f0834..7ac46f8ab 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -506,6 +506,16 @@ textarea { color: inherit; } +/** + * Use the configured 'bold' weight for `strong` elements + * by default, falling back to 'bolder' (as per normalize.css) + * if there is no configured 'bold' weight. + */ + +strong { + font-weight: 700; +} + .container { width: 100%; } diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css index e2f1e8820..d6991b025 100644 --- a/src/plugins/css/preflight.css +++ b/src/plugins/css/preflight.css @@ -151,3 +151,13 @@ textarea { line-height: inherit; color: inherit; } + +/** + * Use the configured 'bold' weight for `strong` elements + * by default, falling back to 'bolder' (as per normalize.css) + * if there is no configured 'bold' weight. + */ + +strong { + font-weight: theme('fontWeight.bold', bolder); +}