chore: update tailwind.config.mjs with new screen sizes also for heights
This commit is contained in:
parent
9df6466c39
commit
c943530b6e
@ -5,10 +5,17 @@ export default {
|
|||||||
prefix: '',
|
prefix: '',
|
||||||
theme: {
|
theme: {
|
||||||
screens: {
|
screens: {
|
||||||
|
xs: { max: '600px' },
|
||||||
sm: '600px',
|
sm: '600px',
|
||||||
md: '840px',
|
md: '840px',
|
||||||
lg: '1200px',
|
lg: '1200px',
|
||||||
xl: '1600px',
|
xl: '1600px',
|
||||||
|
|
||||||
|
'h-xs': { raw: '(max-height: 600px)' },
|
||||||
|
'h-sm': { raw: '(min-height: 600px)' },
|
||||||
|
'h-md': { raw: '(min-height: 840px)' },
|
||||||
|
'h-lg': { raw: '(min-height: 1200px)' },
|
||||||
|
'h-xl': { raw: '(min-height: 1600px)' },
|
||||||
},
|
},
|
||||||
container: {
|
container: {
|
||||||
center: true,
|
center: true,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user