38 lines
768 B
JavaScript
38 lines
768 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
800: '#1e40af',
|
|
},
|
|
clinical: {
|
|
safe: '#16a34a',
|
|
warning: '#eab308',
|
|
danger: '#dc2626',
|
|
},
|
|
},
|
|
spacing: {
|
|
// Rule of 8 — prefer these multiples of 8px in component spacing
|
|
18: '4.5rem',
|
|
22: '5.5rem',
|
|
},
|
|
screens: {
|
|
xs: '480px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|