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

Update default breakpoints

Browse source
This commit is contained in:
Adam Wathan 2019-02-22 21:20:22 -05:00
parent 4c1bf08093
commit 2e1099ebea
4 changed files with 24 additions and 24 deletions
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: [