Installed Tailwind CSS v3.4.10 with config files

This commit is contained in:
2025-09-06 10:18:13 +02:00
parent 4cb4859fe3
commit 2ed84c2b6a
4 changed files with 61 additions and 0 deletions

View File

@@ -0,0 +1,25 @@
{
"$schema": "https://json.schemastore.org/package.json",
"private": true,
"type": "module",
"scripts": {
"build": "vite build",
"dev": "vite"
},
"devDependencies": {
"@tailwindcss/vite": "^4.0.0",
"autoprefixer": "^10.4.20",
"axios": "^1.11.0",
"concurrently": "^9.0.1",
"laravel-echo": "^2.2.0",
"laravel-vite-plugin": "^2.0.0",
"postcss": "^8.4.47",
"pusher-js": "^8.4.0",
"tailwindcss": "^3.4.10",
"vite": "^7.0.4"
},
"dependencies": {
"@inertiajs/vue3": "^2.1.5",
"vue": "^3.5.21"
}
}

View File

@@ -0,0 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

View File

@@ -0,0 +1,13 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@theme {
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}

View File

@@ -0,0 +1,17 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./resources/**/*.blade.php',
'./resources/**/*.js',
'./resources/**/*.vue',
],
theme: {
extend: {
colors: {
'crypto-green': '#4CAF50', // For casino vibe
'dark-bg': '#0D1117', // Stake.com-like dark theme
},
},
},
plugins: [],
}