graphql-engine/console/tailwind.config.js
Nicolas Beaussart 0af2cbca73 console: fix storybook build
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/2441
GitOrigin-RevId: f7a04b26a49d506090d6be07b97a1da9e007d79c
2021-09-28 10:16:38 +00:00

58 lines
1.3 KiB
JavaScript

const colors = require('tailwindcss/colors');
module.exports = {
purge: ['./src/**/*.{js,jsx,ts,tsx,html,md,mdx}'],
darkMode: false, // or 'media' or 'class'
jit: true,
mode: 'jit',
theme: {
extend: {
colors: {
yellow: colors.amber,
primary: {
light: '#fad170',
DEFAULT: '#f9c548',
dark: '#d5ae52',
darker: '#ae8e3e',
},
cloud: {
DEFAULT: '#1eb4d4',
dark: '#197b98',
darker: '#074c4c',
},
secondary: {
light: '#eef4f7',
DEFAULT: '#297393',
dark: '#14394a',
},
legacybg: {
DEFAULT: '#f8fafb',
},
},
spacing: {
xs: '0.25rem',
sm: '0.5rem',
md: '1rem',
lg: '2rem',
input: '2.5rem',
btn: '2.5rem',
btnsm: '2rem',
},
fontSize: {
sm: ['0.875rem', { lineHeight: '1.25rem' }],
base: ['1rem', { lineHeight: '1.5rem' }],
lg: ['1.125rem', { lineHeight: '1.5rem' }],
xl: ['2.25rem', { lineHeight: '2.5rem' }],
},
typography: {
DEFAULT: {
css: {
maxWidth: '100%',
},
},
},
},
},
plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')],
};