🔥 Better screen breakpoints

This commit is contained in:
Asim Shrestha
2023-04-08 10:35:27 -07:00
parent a8ac614f22
commit 5c53635c1d

View File

@@ -1,15 +1,19 @@
/** @type {import("tailwindcss").Config} */ /** @type {import("tailwindcss").Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = { module.exports = {
content: ["./src/**/*.{js,ts,jsx,tsx}"], content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: { theme: {
extend: {
screens: { screens: {
"xs": "350px", "xs": "300px",
"sm-h": { "raw": "(min-height: 700px)" }, "sm-h": { "raw": "(min-height: 700px)" },
"md-h": { "raw": "(min-height: 900px)" }, "md-h": { "raw": "(min-height: 900px)" },
"lg-h": { "raw": "(min-height: 1000px)" } "lg-h": { "raw": "(min-height: 1000px)" },
}
} ...defaultTheme.screens
},
extend: {}
}, },
plugins: [] plugins: []
}; };