SI_Wisata_Gadis/tailwind.config.js

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")],
};