diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index a47a10615cb0..95f8ab87a518 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -12141,6 +12141,10 @@ video { max-width: max-content; } +.max-w-prose { + max-width: 65ch; +} + .max-w-screen-sm { max-width: 640px; } @@ -35117,6 +35121,10 @@ video { max-width: max-content; } + .sm\:max-w-prose { + max-width: 65ch; + } + .sm\:max-w-screen-sm { max-width: 640px; } @@ -58063,6 +58071,10 @@ video { max-width: max-content; } + .md\:max-w-prose { + max-width: 65ch; + } + .md\:max-w-screen-sm { max-width: 640px; } @@ -81009,6 +81021,10 @@ video { max-width: max-content; } + .lg\:max-w-prose { + max-width: 65ch; + } + .lg\:max-w-screen-sm { max-width: 640px; } @@ -103955,6 +103971,10 @@ video { max-width: max-content; } + .xl\:max-w-prose { + max-width: 65ch; + } + .xl\:max-w-screen-sm { max-width: 640px; } @@ -126901,6 +126921,10 @@ video { max-width: max-content; } + .\32xl\:max-w-prose { + max-width: 65ch; + } + .\32xl\:max-w-screen-sm { max-width: 640px; } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index faa4270480b9..cf5d376b7e61 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -12141,6 +12141,10 @@ video { max-width: max-content !important; } +.max-w-prose { + max-width: 65ch !important; +} + .max-w-screen-sm { max-width: 640px !important; } @@ -35117,6 +35121,10 @@ video { max-width: max-content !important; } + .sm\:max-w-prose { + max-width: 65ch !important; + } + .sm\:max-w-screen-sm { max-width: 640px !important; } @@ -58063,6 +58071,10 @@ video { max-width: max-content !important; } + .md\:max-w-prose { + max-width: 65ch !important; + } + .md\:max-w-screen-sm { max-width: 640px !important; } @@ -81009,6 +81021,10 @@ video { max-width: max-content !important; } + .lg\:max-w-prose { + max-width: 65ch !important; + } + .lg\:max-w-screen-sm { max-width: 640px !important; } @@ -103955,6 +103971,10 @@ video { max-width: max-content !important; } + .xl\:max-w-prose { + max-width: 65ch !important; + } + .xl\:max-w-screen-sm { max-width: 640px !important; } @@ -126901,6 +126921,10 @@ video { max-width: max-content !important; } + .\32xl\:max-w-prose { + max-width: 65ch !important; + } + .\32xl\:max-w-screen-sm { max-width: 640px !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index 8944c03fc5b1..a36a09aa90e6 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -11025,6 +11025,10 @@ video { max-width: max-content; } +.max-w-prose { + max-width: 65ch; +} + .max-w-screen-sm { max-width: 640px; } @@ -32141,6 +32145,10 @@ video { max-width: max-content; } + .sm\:max-w-prose { + max-width: 65ch; + } + .sm\:max-w-screen-sm { max-width: 640px; } @@ -53227,6 +53235,10 @@ video { max-width: max-content; } + .md\:max-w-prose { + max-width: 65ch; + } + .md\:max-w-screen-sm { max-width: 640px; } @@ -74313,6 +74325,10 @@ video { max-width: max-content; } + .lg\:max-w-prose { + max-width: 65ch; + } + .lg\:max-w-screen-sm { max-width: 640px; } @@ -95399,6 +95415,10 @@ video { max-width: max-content; } + .xl\:max-w-prose { + max-width: 65ch; + } + .xl\:max-w-screen-sm { max-width: 640px; } @@ -116485,6 +116505,10 @@ video { max-width: max-content; } + .\32xl\:max-w-prose { + max-width: 65ch; + } + .\32xl\:max-w-screen-sm { max-width: 640px; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index a47a10615cb0..95f8ab87a518 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -12141,6 +12141,10 @@ video { max-width: max-content; } +.max-w-prose { + max-width: 65ch; +} + .max-w-screen-sm { max-width: 640px; } @@ -35117,6 +35121,10 @@ video { max-width: max-content; } + .sm\:max-w-prose { + max-width: 65ch; + } + .sm\:max-w-screen-sm { max-width: 640px; } @@ -58063,6 +58071,10 @@ video { max-width: max-content; } + .md\:max-w-prose { + max-width: 65ch; + } + .md\:max-w-screen-sm { max-width: 640px; } @@ -81009,6 +81021,10 @@ video { max-width: max-content; } + .lg\:max-w-prose { + max-width: 65ch; + } + .lg\:max-w-screen-sm { max-width: 640px; } @@ -103955,6 +103971,10 @@ video { max-width: max-content; } + .xl\:max-w-prose { + max-width: 65ch; + } + .xl\:max-w-screen-sm { max-width: 640px; } @@ -126901,6 +126921,10 @@ video { max-width: max-content; } + .\32xl\:max-w-prose { + max-width: 65ch; + } + .\32xl\:max-w-screen-sm { max-width: 640px; } diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 75bb13a8776d..f93022f79e79 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -294,6 +294,7 @@ module.exports = { full: '100%', min: 'min-content', max: 'max-content', + prose: '65ch', ...breakpoints(theme('screens')), }), minHeight: {