koel/tailwind.config.js

37 lines
1.2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./resources/assets/js/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
'k-text-primary': 'var(--color-text-primary)',
'k-text-secondary': 'var(--color-text-secondary)',
'k-text-input': 'var(--color-text-input)',
'k-bg-primary': 'var(--color-bg-primary)',
'k-bg-secondary': 'var(--color-bg-secondary)',
'k-bg-context-menu': 'var(--color-bg-context-menu)',
'k-bg-input': 'var(--color-bg-input)',
'k-border': 'var(--color-border)',
'k-highlight': 'var(--color-highlight)',
'k-accent': 'var(--color-accent)',
'k-success': 'var(--color-success)',
'k-danger': 'var(--color-danger)',
'k-primary': 'var(--color-primary)',
'k-love': 'var(--color-love)',
},
spacing: {
'k-header-height': 'var(--header-height)',
'k-footer-height': 'var(--footer-height)',
'k-sidebar-width': 'var(--sidebar-width)',
'k-side-sheet-width': 'var(--side-sheet-width)',
},
screens: {
'no-hover': {'raw': '(hover: none)'},
}
},
},
plugins: [],
}