Open Nikolasgrizli opened 8 months ago
same problem
[https://www.material-tailwind.com/docs/react/installation check](https://www.material-tailwind.com/docs/react/screens#adding-new-breakpoint](https://www.material-tailwind.com/docs/react/screens#adding-new-breakpoint) seems like they not included in this libary
In your tailwind.config file you can edit like this and add custom max:[] for brakepoint.
theme: {
extend: {
screens : {
maxsm : {max : '640px'},
maxmd : {max : '768px'},
maxlg : {max : '1024px'},
maxxl : {max : '1280px'},
max2xl : {max : '1536px'},
}
},
},
Then use like this ....
<div className='mx-10 maxlg:mx-1 '>
The Tailwind generates modifiers not only for
sm:...
, which are expanded into medias@media (min-width: 640px) { ... } ...
but there are also reverse media queries, for examplemax-sm
, which is expanded into@media not all and (min-width: 640px) { ... } ...
.Tailwind also supports custom queries, which are built like this
which is expanded into
When the material-tailwind library is installed, these features become unavailable, such styles are simply not generated.
My set: package.json
tailwind.config.js