68 lines
2.3 KiB
JavaScript
68 lines
2.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
content: [
|
|
"./resources/**/*.blade.php",
|
|
"./resources/**/*.js",
|
|
"./resources/**/*.vue",
|
|
"./node_modules/flowbite/**/*.js",
|
|
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
|
|
],
|
|
theme: {
|
|
container: {
|
|
center: true, // Memastikan kontainer tetap terpusat
|
|
// padding: {
|
|
// DEFAULT: "1rem",
|
|
// sm: "2rem",
|
|
// lg: "4rem",
|
|
// xl: "6rem",
|
|
// "2xl": "8rem", // Jaga jarak padding, tapi fokus ke max-width di bawah
|
|
// },
|
|
},
|
|
extend: {
|
|
animation: {
|
|
glow: "glow-animation 1.5s ease-in-out infinite",
|
|
},
|
|
keyframes: {
|
|
"glow-animation": {
|
|
"0%": {
|
|
boxShadow: "0 0 5px rgba(255, 255, 255, 0.5)",
|
|
},
|
|
"50%": {
|
|
boxShadow: "0 0 20px rgba(255, 255, 255, 1)",
|
|
},
|
|
"100%": {
|
|
boxShadow: "0 0 5px rgba(255, 255, 255, 0.5)",
|
|
},
|
|
},
|
|
},
|
|
screens: {
|
|
sm: "640px",
|
|
md: "868px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
custom: "878px",
|
|
},
|
|
|
|
dropShadow: {
|
|
"3xl": "0 35px 35px rgba(0, 0, 0, 0.25)",
|
|
"4xl": [
|
|
"0 35px 35px rgba(0, 0, 0, 0.25)",
|
|
"0 45px 65px rgba(0, 0, 0, 0.15)",
|
|
],
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter var", ...defaultTheme.fontFamily.sans], // Font default
|
|
poppins: ['Poppins', 'sans-serif'], // Tambahkan Poppins
|
|
montserrat: ['Montserrat', 'sans-serif'], // Tambahkan Montserrat
|
|
oswald: ['Oswald', 'sans-serif'],
|
|
fjalla: ['Fjalla One', 'sans-serif'],
|
|
pacifico: ['Pacifico', 'cursive'],
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("flowbite/plugin")],
|
|
};
|