Gwk-Cultural-Park/tailwind.config.js

69 lines
1.8 KiB
JavaScript
Raw Normal View History

2024-09-07 01:40:25 +00:00
const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
import { Inter, Playfair_Display } from 'next/font/google'
// import { nextui } from '@nextui-org/react'
// const { InternalSymbolName } = require('typescript')
/** @type {import('tailwindcss').Config} */
const withMT = require('@material-tailwind/react/utils/withMT')
module.exports = withMT({
// module.exports = {
content: [
'./components/**/*.{js,ts,jsx,tsx}',
'./intro-template/**/*.{js,ts,jsx,tsx}',
'./pages/**/*.{js,ts,jsx,tsx}',
'./plugins/**/*.{js,ts,jsx,tsx}',
// './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
],
theme: {
extend: {
aspectRatio: {
'3/2': '3/2',
},
fontFamily: {
sans: ['var(--font-sans)', ...defaultTheme.fontFamily.sans],
serif: ['var(--font-serif)', ...defaultTheme.fontFamily.serif],
PlayfairDisplay: ['Playfair Display', ...defaultTheme.fontFamily.serif],
Inter: ['Inter', ...defaultTheme.fontFamily.sans],
},
colors: {
yellow: {
500: '#d69e2e',
600: '#ca8a04',
900: '#713f12',
},
stone: {
50: '#fafaf9',
100: '#f5f5f4',
200: '#e5e5e5',
400: '#a8a29e',
600: '#57534e',
900: '#1c1917',
},
},
fontSize: {
xs: '0.7rem',
sm: '0.75rem',
base: '0.875rem',
lg: '1rem',
xl: '1.125rem',
'2xl': '1.25rem',
'3xl': '1.5rem',
'4xl': '1.875rem',
'5xl': '2.25rem',
'6xl': '3rem',
'7xl': '3.75rem',
'8xl': '4.5rem',
},
},
},
plugins: [
require('tailwind-bootstrap-grid')(),
require('tailwindcss-animated'),
],
darkMode: 'class',
// plugins: [nextui()],
})