79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
import colors from 'tailwindcss/colors'
|
|
import { fontFamily, fontSize } from 'tailwindcss/defaultTheme'
|
|
import tailwindTypography from '@tailwindcss/typography'
|
|
const ioprim = {
|
|
'50': '#fff6ed',
|
|
'100': '#ffead4',
|
|
'200': '#ffd1a8',
|
|
'300': '#ffb070',
|
|
'400': '#ff8337',
|
|
'500': '#ff5a06',
|
|
'600': '#f04506',
|
|
'700': '#c73107',
|
|
'800': '#9e280e',
|
|
'900': '#7f240f',
|
|
'950': '#450e05',
|
|
}
|
|
const sail = {
|
|
'50': '#f0f9ff',
|
|
'100': '#dff1ff',
|
|
'200': '#bfe7ff',
|
|
'300': '#79d0ff',
|
|
'400': '#32b9fe',
|
|
'500': '#07a0f0',
|
|
'600': '#007fcd',
|
|
'700': '#0065a6',
|
|
'800': '#035689',
|
|
'900': '#094871',
|
|
'950': '#062d4b',
|
|
}
|
|
|
|
export default <Partial<Config>>{
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
...sail,
|
|
DEFAULT: sail[200]
|
|
},
|
|
ioprim: {
|
|
...ioprim,
|
|
DEFAULT: ioprim[500],
|
|
},
|
|
neutral: {
|
|
...colors.gray,
|
|
DEFAULT: colors.gray[300]
|
|
}
|
|
},
|
|
fontFamily: {
|
|
...fontFamily,
|
|
fontSerif: 'Overpass',
|
|
fontSans: 'Roboto',
|
|
'h1': ['Overpass']
|
|
},
|
|
fontSize: {
|
|
...fontSize,
|
|
'6xl': ['3.5rem', { lineHeight: '1' }],
|
|
},
|
|
typography: ({ theme }) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
'p': {
|
|
marginBottom: theme('spacing.7'),
|
|
marginTop: theme('spacing.0'),
|
|
},
|
|
'h2': {
|
|
textTransform: 'uppercase',
|
|
fontWeight: theme('fontWeight.normal'),
|
|
fontSize: theme('fontSize.3xl[2]'),
|
|
marginTop: theme('spacing.0'),
|
|
marginBottom: theme('spacing.7'),
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
},
|
|
plugins: [tailwindTypography]
|
|
} |