c75fef10c2
* feat: initial tiptap * feat: initial tiptap * chore: styling * feat: add link * chore: add editor styling * feat: add password injection button * fix: make the editor work on the secret route * feat: add read only menu * chore: remove test content * fix: remove quill * fix: set read only after secret is created * fix: ensure read only * chore: update the height * chore: set correct colros for the title bg * chore: use generate password dep * feat: enable all password features * fix: clear the editor on create new * feat: use translation * feat: add languages * chore: remove unused file * fix: replace with useeffect * chore: pass extra props
72 lines
2.5 KiB
JavaScript
72 lines
2.5 KiB
JavaScript
const colors = require('tailwindcss/colors');
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ['./client/**/*.{js,jsx}', './client/**/*.html'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
hemmelig: {
|
|
DEFAULT: '#2a9d8f',
|
|
50: '#ffffff',
|
|
100: '#eaf5f4',
|
|
200: '#d4ebe9',
|
|
300: '#bfe2dd',
|
|
400: '#aad8d2',
|
|
500: '#95cec7',
|
|
600: '#7fc4bc',
|
|
700: '#6abab1',
|
|
800: '#55b1a5',
|
|
900: '#3fa79a',
|
|
},
|
|
'hemmelig-orange': {
|
|
DEFAULT: '#ff9769',
|
|
50: '#ffffff',
|
|
100: '#fff5f0',
|
|
200: '#ffeae1',
|
|
300: '#ffe0d2',
|
|
400: '#ffd5c3',
|
|
500: '#ffcbb4',
|
|
600: '#ffc1a5',
|
|
700: '#ffb696',
|
|
800: '#ffac87',
|
|
900: '#ffa178',
|
|
},
|
|
primary: {
|
|
light: '#3fb8a8',
|
|
DEFAULT: '#2a9d8f',
|
|
dark: '#1f8578',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
fontSize: {
|
|
xs: ['0.75rem', { lineHeight: '1rem' }],
|
|
sm: ['0.875rem', { lineHeight: '1.25rem' }],
|
|
base: ['1rem', { lineHeight: '1.5rem' }],
|
|
lg: ['1.125rem', { lineHeight: '1.75rem' }],
|
|
xl: ['1.25rem', { lineHeight: '1.75rem' }],
|
|
'2xl': ['1.5rem', { lineHeight: '2rem' }],
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: 0, transform: 'translateY(-8px)' },
|
|
'100%': { opacity: 1, transform: 'translateY(0)' },
|
|
},
|
|
slideIn: {
|
|
'0%': { opacity: 0, transform: 'translateX(-8px)' },
|
|
'100%': { opacity: 1, transform: 'translateX(0)' },
|
|
},
|
|
},
|
|
animation: {
|
|
fadeIn: 'fadeIn 0.4s ease-out',
|
|
slideIn: 'slideIn 0.3s ease-out',
|
|
pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
|
|
};
|