92 lines
1.8 KiB
JavaScript
92 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const plugin = require("tailwindcss/plugin");
|
|
export default {
|
|
content: [
|
|
"./components/**/*.{js,vue,ts}",
|
|
"./layouts/**/*.vue",
|
|
"./pages/**/*.vue",
|
|
"./*.{js,vue,ts}",
|
|
"./initialize/**/*.js",
|
|
"./initialize/*.js",
|
|
],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
},
|
|
screens: {
|
|
sm: "641px",
|
|
md: "767px",
|
|
lg: "1025px",
|
|
xl: "1281px",
|
|
"2xl": "1557px",
|
|
},
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
100: '#AFD6BB',
|
|
200: '#87C29A',
|
|
300: '#5FAD78',
|
|
400: '#379956',
|
|
500: '#43E97B',
|
|
600: '#47B556',
|
|
700: '#163D22',
|
|
800: '#0B1F11',
|
|
900: '#0B1F11',
|
|
},
|
|
gray: {
|
|
100: "#FAFAFA",
|
|
200: "#F2F2F2",
|
|
300: "#E5E5E5",
|
|
400: "#B2B2B2",
|
|
500: "#999999",
|
|
550: "#8C8C8C",
|
|
600: "#7F7F7F",
|
|
700: "#4C4C4C",
|
|
800: "#333333",
|
|
900: "#191919",
|
|
},
|
|
error: {
|
|
100: "#EBCCCC",
|
|
200: "#D69999",
|
|
300: "#C26767",
|
|
400: "#AD3434",
|
|
500: "#990101",
|
|
},
|
|
success: {
|
|
100: "#CCEBCD",
|
|
200: "#CCEBCD",
|
|
300: "#CCEBCD",
|
|
400: "#CCEBCD",
|
|
500: "#CCEBCD",
|
|
},
|
|
},
|
|
borderRadius: {
|
|
ten: "10px",
|
|
},
|
|
fontFamily: {
|
|
vazir: ["vazir"],
|
|
"iran-sans": ["iran-sans"],
|
|
poppins: ["poppins"],
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
plugin(function ({ addUtilities }) {
|
|
addUtilities({
|
|
".rtl": {
|
|
direction: "rtl",
|
|
},
|
|
".ltr": {
|
|
direction: "ltr",
|
|
},
|
|
".text-wrap": {
|
|
"text-wrap": "wrap",
|
|
},
|
|
});
|
|
}),
|
|
],
|
|
corePlugins: {
|
|
preflight: true,
|
|
},
|
|
};
|