slint/ui-libraries/material/docs/tailwind.config.js
Nigel Breslaw 9711a625e7 material: Material UI homepage (https://github.com/slint-ui/material-components/issues/27)
Use AstroWind template to improve the home page

Imported from 7cafd1db3b
2025-09-18 15:47:44 +02:00

52 lines
1.6 KiB
JavaScript

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT
import defaultTheme from "tailwindcss/defaultTheme";
import plugin from "tailwindcss/plugin";
import typographyPlugin from "@tailwindcss/typography";
export default {
content: ["./src/**/*.{astro,html,js,jsx,json,md,mdx,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
primary: "var(--aw-color-primary)",
secondary: "var(--aw-color-secondary)",
accent: "var(--aw-color-accent)",
default: "var(--aw-color-text-default)",
muted: "var(--aw-color-text-muted)",
},
fontFamily: {
sans: [
"var(--aw-font-sans, ui-sans-serif)",
...defaultTheme.fontFamily.sans,
],
serif: [
"var(--aw-font-serif, ui-serif)",
...defaultTheme.fontFamily.serif,
],
heading: [
"var(--aw-font-heading, ui-sans-serif)",
...defaultTheme.fontFamily.sans,
],
},
animation: {
fade: "fadeInUp 1s both",
},
keyframes: {
fadeInUp: {
"0%": { opacity: 0, transform: "translateY(2rem)" },
"100%": { opacity: 1, transform: "translateY(0)" },
},
},
},
},
plugins: [
typographyPlugin,
plugin(({ addVariant }) => {
addVariant("intersect", "&:not([no-intersect])");
}),
],
darkMode: "class",
};