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 #683 from tailwindcss/new-screen-sizes

Browse Source 
Update default breakpoints
This commit is contained in:
Adam Wathan 2019-02-23 15:50:00 -05:00 committed by GitHub
commit f52e9d4581
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -482,9 +482,9 @@ table {
width: 100%;
}
@media (min-width: 576px) {
@media (min-width: 568px) {
.container {
max-width: 576px;
max-width: 568px;
}
}
@ -494,15 +494,15 @@ table {
}
}
@media (min-width: 992px) {
@media (min-width: 1024px) {
.container {
max-width: 992px;
max-width: 1024px;
}
}
@media (min-width: 1200px) {
@media (min-width: 1280px) {
.container {
max-width: 1200px;
max-width: 1280px;
}
}
@ -6198,7 +6198,7 @@ table {
color: #e3342f;
}
@media (min-width: 576px) {
@media (min-width: 568px) {
.sm\:list-reset {
list-style: none !important;
padding: 0 !important;
@ -17538,7 +17538,7 @@ table {
}
}
@media (min-width: 992px) {
@media (min-width: 1024px) {
.lg\:list-reset {
list-style: none !important;
padding: 0 !important;
@ -23208,7 +23208,7 @@ table {
}
}
@media (min-width: 1200px) {
@media (min-width: 1280px) {
.xl\:list-reset {
list-style: none !important;
padding: 0 !important;

6
__tests__/fixtures/tailwind-output-with-explicit-screen-utilities.css
View File

@ -2,7 +2,7 @@
color: red;
}
@media (min-width: 576px) {
@media (min-width: 568px) {
.sm\:example {
color: red;
}
@ -14,13 +14,13 @@
}
}
@media (min-width: 992px) {
@media (min-width: 1024px) {
.lg\:example {
color: red;
}
}
@media (min-width: 1200px) {
@media (min-width: 1280px) {
.xl\:example {
color: red;
}

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

@ -482,9 +482,9 @@ table {
width: 100%;
}
@media (min-width: 576px) {
@media (min-width: 568px) {
.container {
max-width: 576px;
max-width: 568px;
}
}
@ -494,15 +494,15 @@ table {
}
}
@media (min-width: 992px) {
@media (min-width: 1024px) {
.container {
max-width: 992px;
max-width: 1024px;
}
}
@media (min-width: 1200px) {
@media (min-width: 1280px) {
.container {
max-width: 1200px;
max-width: 1280px;
}
}
@ -6198,7 +6198,7 @@ table {
color: #e3342f;
}
@media (min-width: 576px) {
@media (min-width: 568px) {
.sm\:list-reset {
list-style: none;
padding: 0;
@ -17538,7 +17538,7 @@ table {
}
}
@media (min-width: 992px) {
@media (min-width: 1024px) {
.lg\:list-reset {
list-style: none;
padding: 0;
@ -23208,7 +23208,7 @@ table {
}
}
@media (min-width: 1200px) {
@media (min-width: 1280px) {
.xl\:list-reset {
list-style: none;
padding: 0;

6
defaultTheme.js
View File

@ -103,10 +103,10 @@ module.exports = function() {
'32': '8rem',
},
screens: {
sm: '576px',
sm: '568px',
md: '768px',
lg: '992px',
xl: '1200px',
lg: '1024px',
xl: '1280px',
},
fontFamily: {
sans: [