const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
purge: ["./index.html", "src/app/**/*.{vue,ts}"],
|
|
darkMode: false, // or 'media' or 'class'
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
ui: {
|
|
plexGray: "rgb(31, 35, 38)"
|
|
}
|
|
}
|
|
},
|
|
screens: {
|
|
xs: "475px",
|
|
...defaultTheme.screens
|
|
}
|
|
},
|
|
variants: {
|
|
extend: {
|
|
cursor: ["disabled"],
|
|
backgroundColor: ["disabled"],
|
|
opacity: ["disabled"],
|
|
borderWidth: ["disabled"],
|
|
borderColor: ["disabled"],
|
|
transform: ["motion-safe"]
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|