36 lines
1.4 KiB
JavaScript
36 lines
1.4 KiB
JavaScript
import defaultTheme from 'tailwindcss/defaultTheme';
|
|
import forms from '@tailwindcss/forms';
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
|
|
'./storage/framework/views/*.php',
|
|
'./resources/**/*.blade.php',
|
|
'./resources/**/*.js',
|
|
'./resources/**/*.vue',
|
|
],
|
|
|
|
// TODO: We'll wants want to add something like a text colour, sub-text colour
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
nexiPrimary: "rgb(var(--color-nexi-primary) / <alpha-value>)",
|
|
nexiSecondary: "rgb(var(--color-nexi-secondary) / <alpha-value>)",
|
|
nexiRed: "rgb(var(--color-nexi-red) / <alpha-value>)",
|
|
nexiGrey: "rgb(var(--color-nexi-grey) / <alpha-value>)",
|
|
nexiDarkerGrey: "rgb(var(--color-nexi-darker-grey) / <alpha-value>)",
|
|
nexiGreen: "rgb(var(--color-nexi-green) / <alpha-value>)",
|
|
nexiCyan: "rgb(var(--color-nexi-cyan) / <alpha-value>)",
|
|
nexiPurple: "rgb(var(--color-nexi-purple) / <alpha-value>)",
|
|
nexiOrange: "rgb(var(--color-nexi-orange) / <alpha-value>)",
|
|
},
|
|
fontFamily: {
|
|
sans: ['Figtree', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
},
|
|
|
|
plugins: [forms],
|
|
};
|