mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-27 11:41:09 -04:00
v6 update
This commit is contained in:
@ -1,9 +1,20 @@
|
||||
const colors = require('tailwindcss/colors')
|
||||
const svgToDataUri = require('mini-svg-data-uri')
|
||||
|
||||
function withOpacityValue(cssVariable) {
|
||||
return ({ opacityVariable, opacityValue }) => {
|
||||
if (opacityValue !== undefined) {
|
||||
return `rgba(var(${cssVariable}), ${opacityValue})`;
|
||||
}
|
||||
if (opacityVariable !== undefined) {
|
||||
return `rgba(var(${cssVariable}), var(${opacityVariable}, 1))`;
|
||||
}
|
||||
return `rgb(var(${cssVariable}))`;
|
||||
};
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
mode: 'jit',
|
||||
purge: [
|
||||
content: [
|
||||
'./resources/views/**/*.php',
|
||||
'./resources/scripts/**/*.js',
|
||||
'./resources/scripts/**/*.vue',
|
||||
@ -12,21 +23,21 @@ module.exports = {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: {
|
||||
50: '#F7F6FD',
|
||||
100: '#EEEEFB',
|
||||
200: '#D5D4F5',
|
||||
300: '#BCB9EF',
|
||||
400: '#8A85E4',
|
||||
500: '#5851D8',
|
||||
600: '#4F49C2',
|
||||
700: '#353182',
|
||||
800: '#282461',
|
||||
900: '#1A1841',
|
||||
50: withOpacityValue('--color-primary-50'),
|
||||
100: withOpacityValue('--color-primary-100'),
|
||||
200: withOpacityValue('--color-primary-200'),
|
||||
300: withOpacityValue('--color-primary-300'),
|
||||
400: withOpacityValue('--color-primary-400'),
|
||||
500: withOpacityValue('--color-primary-500'),
|
||||
600: withOpacityValue('--color-primary-600'),
|
||||
700: withOpacityValue('--color-primary-700'),
|
||||
800: withOpacityValue('--color-primary-800'),
|
||||
900: withOpacityValue('--color-primary-900'),
|
||||
},
|
||||
black: '#040405',
|
||||
red: colors.red,
|
||||
teal: colors.teal,
|
||||
gray: colors.blueGray,
|
||||
gray: colors.slate,
|
||||
},
|
||||
spacing: {
|
||||
88: '22rem',
|
||||
@ -56,10 +67,10 @@ module.exports = {
|
||||
},
|
||||
plugins: [
|
||||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography'),
|
||||
require('@tailwindcss/aspect-ratio'),
|
||||
require('tailwind-scrollbar'),
|
||||
require('@rvxlab/tailwind-plugin-ios-full-height'),
|
||||
require('@tailwindcss/line-clamp'),
|
||||
],
|
||||
variants: {
|
||||
scrollbar: ['rounded'],
|
||||
},
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user