figma: remove tailwind (#8355)

It doesn't seem to work well with the Figma-Kit componenets and styling can be done via the style props.
This commit is contained in:
Nigel Breslaw 2025-05-05 14:23:22 +03:00 committed by GitHub
parent 6e316a9929
commit 127ca31da0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 30 additions and 612 deletions

605
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

@ -36,14 +36,10 @@
"vitest": "3.1.2"
},
"dependencies": {
"@tailwindcss/vite": "4.1.5",
"autoprefixer": "10.4.21",
"figma-kit": "1.0.0-beta.19",
"html-react-parser": "5.2.3",
"postcss": "8.5.3",
"react": "19.1.0",
"react-dom": "19.1.0",
"tailwindcss": "3.4.17",
"zustand": "5.0.4"
}
}

View file

@ -1,9 +0,0 @@
// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};

View file

@ -1,7 +1,4 @@
@import "figma-kit/styles.css";
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
margin: 0;

View file

@ -1,13 +0,0 @@
// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
import figmaKitPreset from "figma-kit/tailwind.preset.js";
/** @type {import('tailwindcss').Config} */
export default {
presets: [figmaKitPreset],
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {},
},
plugins: [],
};

View file

@ -7,7 +7,6 @@ import { figmaPlugin, figmaPluginInit, runAction } from "vite-figma-plugin";
import react from "@vitejs/plugin-react";
import { config } from "./figma.config";
import tailwindcss from "@tailwindcss/vite";
const action = process.env.ACTION;
const mode = process.env.MODE;
@ -24,12 +23,7 @@ figmaPluginInit();
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
tailwindcss(),
react(),
viteSingleFile(),
figmaPlugin(config, mode),
],
plugins: [react(), viteSingleFile(), figmaPlugin(config, mode)],
build: {
assetsInlineLimit: Number.POSITIVE_INFINITY,
emptyOutDir: false,