40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./resources/**/*.blade.php",
|
|
"./resources/**/*.js",
|
|
"./resources/**/*.vue",
|
|
"./node_modules/flowbite/**/*.js",
|
|
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
|
|
],
|
|
theme: {
|
|
container: {
|
|
padding: {
|
|
DEFAULT: "0rem",
|
|
sm: "0rem",
|
|
lg: "1rem",
|
|
xl: "2rem",
|
|
"2xl": "3rem",
|
|
},
|
|
// Tambahkan opsi `center` untuk margin auto
|
|
center: true,
|
|
},
|
|
extend: {
|
|
// Tambahkan font Bebas Neue di sini
|
|
fontFamily: {
|
|
"bebas-neue": ['"Bebas Neue"', "sans-serif"],
|
|
},
|
|
dropShadow: {
|
|
"1xl": "0 10px 20px rgba(0, 0, 0, 0.15)", // Light shadow for minimal depth
|
|
"2xl": "0 20px 30px rgba(0, 0, 0, 0.2)", // More noticeable shadow
|
|
"3xl": "0 30px 40px rgba(0, 0, 0, 0.25)", // Deep shadow for significant depth
|
|
"4xl": [
|
|
"0 30px 50px rgba(0, 0, 0, 0.3)", // Stronger shadow with more blur
|
|
"0 40px 70px rgba(0, 0, 0, 0.2)", // Additional shadow for greater depth
|
|
],
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("flowbite/plugin")],
|
|
};
|