2
0
mirror of https://github.com/frappe/books.git synced 2024-11-08 14:50:56 +00:00
books/tailwind.config.js
2023-01-07 13:25:08 +03:00

188 lines
4.2 KiB
JavaScript

module.exports = {
purge: false,
theme: {
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
},
fontSize: {
xs: '11px',
sm: '12px',
base: '13px',
lg: '14px',
xl: '18px',
'2xl': '20px',
'3xl': '24px',
'4xl': '28px',
},
extend: {
maxHeight: {
64: '16rem',
},
minWidth: {
40: '10rem',
56: '14rem',
},
maxWidth: {
32: '8rem',
56: '14rem',
},
spacing: {
7: '1.75rem',
14: '3.5rem',
18: '4.5rem',
28: '7rem',
72: '18rem',
80: '20rem',
},
boxShadow: {
'outline-px': '0 0 0 1px rgba(66, 153, 225, 0.5)',
DEFAULT: '0 2px 4px 0 rgba(0, 0, 0, 0.05)',
md: '0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 4px 0 rgba(0, 0, 0, 0.08)',
button: '0 0.5px 0 0 rgba(0, 0, 0, 0.08)',
},
borderRadius: {
sm: '0.25rem', // 4px
DEFAULT: '0.313rem', // 5px
md: '0.375rem', // 6px
lg: '0.5rem', // 8px
xl: '0.75rem', // 12px
},
gridColumn: {
'span-full': '1 / -1',
},
colors: {
black: '#1E293B',
gray: {
25: '#fcfcfd',
50: '#f8f9fc',
100: '#f2f4f8',
200: '#ebeff5',
300: '#e2e8f0',
400: '#cad5e2',
500: '#9aa8bc',
600: '#8493a9',
700: '#64748b',
800: '#475569',
900: '#334155',
},
red: {
100: '#fff5f5',
200: '#fed7d7',
300: '#feb2b2',
400: '#fc8181',
500: '#f56565',
600: '#e53e3e',
700: '#c53030',
800: '#9b2c2c',
900: '#742a2a',
},
orange: {
100: '#fffaf0',
200: '#feebc8',
300: '#fbd38d',
400: '#f6ad55',
500: '#ed8936',
600: '#dd6b20',
700: '#c05621',
800: '#9c4221',
900: '#7b341e',
},
yellow: {
100: '#fffff0',
200: '#fefcbf',
300: '#faf089',
400: '#f6e05e',
500: '#ecc94b',
600: '#d69e2e',
700: '#b7791f',
800: '#975a16',
900: '#744210',
},
green: {
100: '#f0fff4',
200: '#c6f6d5',
300: '#9ae6b4',
400: '#68d391',
500: '#48bb78',
600: '#38a169',
700: '#2f855a',
800: '#276749',
900: '#22543d',
},
teal: {
100: '#e6fffa',
200: '#b2f5ea',
300: '#81e6d9',
400: '#4fd1c5',
500: '#38b2ac',
600: '#319795',
700: '#2c7a7b',
800: '#285e61',
900: '#234e52',
},
blue: {
100: '#e5f3ff',
200: '#cce7ff',
300: '#99d0ff',
400: '#66b8ff',
500: '#33a1ff',
600: '#2490ef',
700: '#006ecc',
800: '#005299',
900: '#003766',
},
indigo: {
100: '#ebf4ff',
200: '#c3dafe',
300: '#a3bffa',
400: '#7f9cf5',
500: '#667eea',
600: '#5a67d8',
700: '#4c51bf',
800: '#434190',
900: '#3c366b',
},
purple: {
100: '#faf5ff',
200: '#e9d8fd',
300: '#d6bcfa',
400: '#b794f4',
500: '#9f7aea',
600: '#805ad5',
700: '#6b46c1',
800: '#553c9a',
900: '#44337a',
},
pink: {
100: '#fdf7f8',
200: '#fbeef1',
300: '#f7dee5',
400: '#eec3d2',
500: '#df9eb8',
600: '#cf82a7',
700: '#ac688b',
800: '#8f5b79',
900: '#70485f',
},
},
},
},
variants: {
margin: ['responsive', 'first', 'last', 'hover', 'focus'],
backgroundColor: ['responsive', 'first', 'hover', 'focus', 'focus-within'],
display: ['group-hover'],
},
plugins: [require('tailwindcss-rtl')],
};
/*
* 208, 100, 50
* 209, 62, 50
*/