archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #701 from tailwindcss/new-max-width-scale

Browse Source 
Use progressive maxWidth scale
This commit is contained in:
Adam Wathan 2019-03-05 09:44:12 -05:00 committed by GitHub
commit 1ffa750c76
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 129 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
__tests__/fixtures/tailwind-output-important.css
View File

@ -3740,35 +3740,39 @@ h6 {
}
.max-w-sm {
max-width: 30rem !important;
max-width: 24rem !important;
}
.max-w-md {
max-width: 40rem !important;
max-width: 28rem !important;
}
.max-w-lg {
max-width: 50rem !important;
max-width: 32rem !important;
}
.max-w-xl {
max-width: 60rem !important;
max-width: 36rem !important;
}
.max-w-2xl {
max-width: 70rem !important;
max-width: 42rem !important;
}
.max-w-3xl {
max-width: 80rem !important;
max-width: 48rem !important;
}
.max-w-4xl {
max-width: 90rem !important;
max-width: 56rem !important;
}
.max-w-5xl {
max-width: 100rem !important;
max-width: 64rem !important;
}
.max-w-6xl {
max-width: 72rem !important;
}
.max-w-full {
@ -9757,35 +9761,39 @@ h6 {
}
.sm\:max-w-sm {
max-width: 30rem !important;
max-width: 24rem !important;
}
.sm\:max-w-md {
max-width: 40rem !important;
max-width: 28rem !important;
}
.sm\:max-w-lg {
max-width: 50rem !important;
max-width: 32rem !important;
}
.sm\:max-w-xl {
max-width: 60rem !important;
max-width: 36rem !important;
}
.sm\:max-w-2xl {
max-width: 70rem !important;
max-width: 42rem !important;
}
.sm\:max-w-3xl {
max-width: 80rem !important;
max-width: 48rem !important;
}
.sm\:max-w-4xl {
max-width: 90rem !important;
max-width: 56rem !important;
}
.sm\:max-w-5xl {
max-width: 100rem !important;
max-width: 64rem !important;
}
.sm\:max-w-6xl {
max-width: 72rem !important;
}
.sm\:max-w-full {
@ -15759,35 +15767,39 @@ h6 {
}
.md\:max-w-sm {
max-width: 30rem !important;
max-width: 24rem !important;
}
.md\:max-w-md {
max-width: 40rem !important;
max-width: 28rem !important;
}
.md\:max-w-lg {
max-width: 50rem !important;
max-width: 32rem !important;
}
.md\:max-w-xl {
max-width: 60rem !important;
max-width: 36rem !important;
}
.md\:max-w-2xl {
max-width: 70rem !important;
max-width: 42rem !important;
}
.md\:max-w-3xl {
max-width: 80rem !important;
max-width: 48rem !important;
}
.md\:max-w-4xl {
max-width: 90rem !important;
max-width: 56rem !important;
}
.md\:max-w-5xl {
max-width: 100rem !important;
max-width: 64rem !important;
}
.md\:max-w-6xl {
max-width: 72rem !important;
}
.md\:max-w-full {
@ -21761,35 +21773,39 @@ h6 {
}
.lg\:max-w-sm {
max-width: 30rem !important;
max-width: 24rem !important;
}
.lg\:max-w-md {
max-width: 40rem !important;
max-width: 28rem !important;
}
.lg\:max-w-lg {
max-width: 50rem !important;
max-width: 32rem !important;
}
.lg\:max-w-xl {
max-width: 60rem !important;
max-width: 36rem !important;
}
.lg\:max-w-2xl {
max-width: 70rem !important;
max-width: 42rem !important;
}
.lg\:max-w-3xl {
max-width: 80rem !important;
max-width: 48rem !important;
}
.lg\:max-w-4xl {
max-width: 90rem !important;
max-width: 56rem !important;
}
.lg\:max-w-5xl {
max-width: 100rem !important;
max-width: 64rem !important;
}
.lg\:max-w-6xl {
max-width: 72rem !important;
}
.lg\:max-w-full {
@ -27763,35 +27779,39 @@ h6 {
}
.xl\:max-w-sm {
max-width: 30rem !important;
max-width: 24rem !important;
}
.xl\:max-w-md {
max-width: 40rem !important;
max-width: 28rem !important;
}
.xl\:max-w-lg {
max-width: 50rem !important;
max-width: 32rem !important;
}
.xl\:max-w-xl {
max-width: 60rem !important;
max-width: 36rem !important;
}
.xl\:max-w-2xl {
max-width: 70rem !important;
max-width: 42rem !important;
}
.xl\:max-w-3xl {
max-width: 80rem !important;
max-width: 48rem !important;
}
.xl\:max-w-4xl {
max-width: 90rem !important;
max-width: 56rem !important;
}
.xl\:max-w-5xl {
max-width: 100rem !important;
max-width: 64rem !important;
}
.xl\:max-w-6xl {
max-width: 72rem !important;
}
.xl\:max-w-full {

100
__tests__/fixtures/tailwind-output.css
View File

@ -3740,35 +3740,39 @@ h6 {
}
.max-w-sm {
max-width: 30rem;
max-width: 24rem;
}
.max-w-md {
max-width: 40rem;
max-width: 28rem;
}
.max-w-lg {
max-width: 50rem;
max-width: 32rem;
}
.max-w-xl {
max-width: 60rem;
max-width: 36rem;
}
.max-w-2xl {
max-width: 70rem;
max-width: 42rem;
}
.max-w-3xl {
max-width: 80rem;
max-width: 48rem;
}
.max-w-4xl {
max-width: 90rem;
max-width: 56rem;
}
.max-w-5xl {
max-width: 100rem;
max-width: 64rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-full {
@ -9757,35 +9761,39 @@ h6 {
}
.sm\:max-w-sm {
max-width: 30rem;
max-width: 24rem;
}
.sm\:max-w-md {
max-width: 40rem;
max-width: 28rem;
}
.sm\:max-w-lg {
max-width: 50rem;
max-width: 32rem;
}
.sm\:max-w-xl {
max-width: 60rem;
max-width: 36rem;
}
.sm\:max-w-2xl {
max-width: 70rem;
max-width: 42rem;
}
.sm\:max-w-3xl {
max-width: 80rem;
max-width: 48rem;
}
.sm\:max-w-4xl {
max-width: 90rem;
max-width: 56rem;
}
.sm\:max-w-5xl {
max-width: 100rem;
max-width: 64rem;
}
.sm\:max-w-6xl {
max-width: 72rem;
}
.sm\:max-w-full {
@ -15759,35 +15767,39 @@ h6 {
}
.md\:max-w-sm {
max-width: 30rem;
max-width: 24rem;
}
.md\:max-w-md {
max-width: 40rem;
max-width: 28rem;
}
.md\:max-w-lg {
max-width: 50rem;
max-width: 32rem;
}
.md\:max-w-xl {
max-width: 60rem;
max-width: 36rem;
}
.md\:max-w-2xl {
max-width: 70rem;
max-width: 42rem;
}
.md\:max-w-3xl {
max-width: 80rem;
max-width: 48rem;
}
.md\:max-w-4xl {
max-width: 90rem;
max-width: 56rem;
}
.md\:max-w-5xl {
max-width: 100rem;
max-width: 64rem;
}
.md\:max-w-6xl {
max-width: 72rem;
}
.md\:max-w-full {
@ -21761,35 +21773,39 @@ h6 {
}
.lg\:max-w-sm {
max-width: 30rem;
max-width: 24rem;
}
.lg\:max-w-md {
max-width: 40rem;
max-width: 28rem;
}
.lg\:max-w-lg {
max-width: 50rem;
max-width: 32rem;
}
.lg\:max-w-xl {
max-width: 60rem;
max-width: 36rem;
}
.lg\:max-w-2xl {
max-width: 70rem;
max-width: 42rem;
}
.lg\:max-w-3xl {
max-width: 80rem;
max-width: 48rem;
}
.lg\:max-w-4xl {
max-width: 90rem;
max-width: 56rem;
}
.lg\:max-w-5xl {
max-width: 100rem;
max-width: 64rem;
}
.lg\:max-w-6xl {
max-width: 72rem;
}
.lg\:max-w-full {
@ -27763,35 +27779,39 @@ h6 {
}
.xl\:max-w-sm {
max-width: 30rem;
max-width: 24rem;
}
.xl\:max-w-md {
max-width: 40rem;
max-width: 28rem;
}
.xl\:max-w-lg {
max-width: 50rem;
max-width: 32rem;
}
.xl\:max-w-xl {
max-width: 60rem;
max-width: 36rem;
}
.xl\:max-w-2xl {
max-width: 70rem;
max-width: 42rem;
}
.xl\:max-w-3xl {
max-width: 80rem;
max-width: 48rem;
}
.xl\:max-w-4xl {
max-width: 90rem;
max-width: 56rem;
}
.xl\:max-w-5xl {
max-width: 100rem;
max-width: 64rem;
}
.xl\:max-w-6xl {
max-width: 72rem;
}
.xl\:max-w-full {

17
defaultTheme.js
View File

@ -256,14 +256,15 @@ module.exports = function() {
},
maxWidth: {
xs: '20rem',
sm: '30rem',
md: '40rem',
lg: '50rem',
xl: '60rem',
'2xl': '70rem',
'3xl': '80rem',
'4xl': '90rem',
'5xl': '100rem',
sm: '24rem',
md: '28rem',
lg: '32rem',
xl: '36rem',
'2xl': '42rem',
'3xl': '48rem',
'4xl': '56rem',
'5xl': '64rem',
'6xl': '72rem',
full: '100%',
},
maxHeight: {