mirror of
https://github.com/codeforreal1/compressO
synced 2026-04-21 15:47:56 +00:00
60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
import { heroui } from '@heroui/react'
|
|
|
|
const WIDTHS = Object.freeze({
|
|
xs: '320px',
|
|
sm: '576px',
|
|
md: '768px',
|
|
slg: '850px',
|
|
lg: '992px',
|
|
xl: '1280px',
|
|
'2xl': '1440px',
|
|
'3xl': '1660px',
|
|
})
|
|
|
|
const CUSTOM_MQ = {
|
|
hxs: { raw: `(min-height: ${WIDTHS.xs})` },
|
|
hsm: { raw: `(min-height: ${WIDTHS.sm})` },
|
|
hmd: { raw: `(min-height: ${WIDTHS.md})` },
|
|
hslg: { raw: `(min-height: ${WIDTHS.slg})` },
|
|
hlg: { raw: `(min-height: ${WIDTHS.lg})` },
|
|
hxl: { raw: `(min-height: ${WIDTHS.xl})` },
|
|
h2xl: { raw: `(min-height: ${WIDTHS['2xl']})` },
|
|
h3xl: { raw: `(min-height: ${WIDTHS['3xl']})` },
|
|
}
|
|
|
|
const config: Config = {
|
|
darkMode: 'class',
|
|
plugins: [
|
|
heroui({
|
|
addCommonColors: true,
|
|
}),
|
|
],
|
|
content: [
|
|
'./src/**/*.{js,ts,jsx,tsx,mdx}',
|
|
// NextUI Components
|
|
'./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
|
'gradient-conic':
|
|
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
|
|
},
|
|
colors: {
|
|
primary: '#7f46e2',
|
|
secondary: '#ff6ae7',
|
|
black1: '#000000',
|
|
gray1: '#c2c2c2',
|
|
white1: '#ffffff',
|
|
},
|
|
fontFamily: {
|
|
poppins: ['var(--font-poppins)'],
|
|
},
|
|
screens: { ...WIDTHS, ...CUSTOM_MQ },
|
|
maxWidth: WIDTHS,
|
|
},
|
|
},
|
|
}
|
|
export default config
|