astro-reactive-form/apps/landing-page/tailwind.config.cjs
Lalit f79ce72a1c
chore(apps): Setup prettier + eslint for all our apps (#254)
* chore(apps): setup prettier + eslint for all our apps

* fix(docs): Fixed the use of implicit any type

* chore(apps): Added .eslintignore files
2023-01-14 10:40:40 +01:00

38 lines
917 B
JavaScript

const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
content: ['./src/**/*.{astro,html,js,jsx,svelte,ts,tsx,vue}'],
theme: {
screens: {
'astro-sm': { max: '1000px' },
'astro-md': { min: '640px', max: '1000px' },
'astro-img': { min: '600px', max: '1000px' },
'astro-lg': { min: '1000px' },
...defaultTheme.screens,
},
extend: {
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
},
colors: {
primary: 'var(--color-primary)',
secondary: 'var(--color-secondary)',
},
textColor: {
default: 'var(--color-text)',
offset: 'var(--color-text-offset)',
},
backgroundColor: {
default: 'var(--color-background)',
offset: 'var(--color-background-offset)',
},
borderColor: {
default: 'var(--color-border)',
},
},
},
corePlugins: {
fontSize: false,
},
plugins: [require('tailwindcss-fluid-type')],
};