tiptap/demos/tailwind.config.js
2021-09-30 11:43:51 +02:00

110 lines
2.3 KiB
JavaScript

const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
mode: 'jit',
purge: [
'./preview/**/*.{vue,js,ts,jsx,tsx}',
],
theme: {
extend: {
borderWidth: {
3: '3px',
},
colors: {
code: {
attrName: '#faf594',
attrValue: '##b9f18d',
doctype: '#616161',
keyword: '##958df1',
punctuation: '##70cff8',
string: '#b9f18d',
tag: '#f98181',
},
transparency: {
box: {
3: 'rgba(13, 13, 13, 0.03)',
5: 'rgba(13, 13, 13, 0.05)',
},
},
gray: {
DEFAULT: '',
900: '#0d0d0d',
800: '#262626',
700: '#3a3a3a',
600: '#4e4e4e',
500: '#616161',
400: '#737373',
300: '#919191',
200: '#b3b3b3',
100: '#d6d6d6',
50: '#e8e8e8',
},
accent: {
DEFAULT: '#faf594',
50: '#fffffa',
100: '#fffef4',
200: '#fefde4',
300: '#fdfbd4',
400: '#fcf8b4',
500: '#faf594',
600: '#e1dd85',
700: '#bcb86f',
800: '#969359',
900: '#7b7849',
},
success: {
DEFAULT: '#b9f18d',
50: '#fcfef9',
100: '#f8fef4',
200: '#eefce3',
300: '#e3f9d1',
400: '#cef5af',
500: '#b9f18d',
600: '#a7d97f',
700: '#8bb56a',
800: '#6f9155',
900: '#5b7645',
},
},
spacing: {},
borderRadius: {
xxs: '0.4rem',
box: '0.75rem',
},
fontSize: {
'2xl': '2.75rem',
xl: '1.5rem',
lg: '1.17rem',
sm: '0.85rem',
},
lineHeight: {
DEFAULT: '1.7rem',
'2xl': '3.16rem',
xl: '1.8rem',
lg: '1.6rem',
},
transition: {},
height: {
18: '4.5rem',
},
padding: {
18: '4.5rem',
},
zIndex: {},
boxShadow: {},
textShadow: {},
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
},
},
},
variants: {
extend: {
opacity: ['disabled'],
},
},
}