on master help sign in
tailwind: use fds tailwind for plugins
529a32aMatilde Park
tailwind.config.js+2−21
@@ -1,11 +1,10 @@
1const markdoc = require("@urbit/markdoc");
1const markdoc = require("@urbit/markdoc");
2−const themeSwapper = require("tailwindcss-theme-swapper");
3−const { base, dark } = require("@urbit/foundation-design-system/themes");
4
2
5module.exports = {
3module.exports = {
4+ presets: [require("@urbit/foundation-design-system/tailwind.config")],
6 content: {
5 content: {
7 files: [
6 files: [
8− "./node_modules/@urbit/foundation-design-system/**/*.js",
7+ "./node_modules/@urbit/foundation-design-system/dist/**/*.js",
9 "./pages/**/*.{js,ts,jsx,tsx}",
8 "./pages/**/*.{js,ts,jsx,tsx}",
10 "./components/**/*.{js,ts,jsx,tsx}",
9 "./components/**/*.{js,ts,jsx,tsx}",
11 "./content/**/*.md",
10 "./content/**/*.md",
@@ -18,22 +17,4 @@ module.exports = {
18 },
17 },
19 },
18 },
20 },
19 },
21− plugins: [
22− require("@tailwindcss/aspect-ratio"),
23− themeSwapper({
24− themes: [
25− {
26− name: "base",
27− selectors: [":root"],
28− theme: base,
29− },
30− {
31− name: "dark",
32− selectors: [".dark"],
33− mediaQuery: "@media (prefers-color-scheme: dark)",
34− theme: dark,
35− },
36− ],
37− }),
38− ],
39};
20};