Files
hoppscotch/tailwind.config.js
2021-06-12 22:16:17 +05:30

61 lines
1.4 KiB
JavaScript

/*
** TailwindCSS Configuration File
**
** Docs: https://tailwindcss.com/docs/configuration
** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
*/
import colors from "tailwindcss/colors"
export default {
dark: "class",
mode: "jit",
corePlugins: {
float: false,
clear: false,
transitionDelay: false,
skew: false,
},
theme: {
container: {
center: true,
},
extend: {
colors: {
primary: "var(--primary-color)",
primaryLight: "var(--primary-light-color)",
primaryDark: "var(--primary-dark-color)",
secondary: "var(--secondary-color)",
secondaryLight: "var(--secondary-light-color)",
accent: "var(--accent-color)",
divider: "var(--divider-color)",
error: "var(--error-color)",
tooltip: "var(--tooltip-color)",
blue: colors.blue,
green: colors.green,
teal: colors.teal,
indigo: colors.indigo,
purple: colors.purple,
orange: colors.orange,
pink: colors.pink,
red: colors.red,
yellow: colors.yellow,
},
},
fontFamily: {
sans: "var(--font-sans)",
mono: "var(--font-mono)",
icon: "var(--font-icon)",
},
},
variants: {},
plugins: [],
purge: [
"components/**/*.vue",
"layouts/**/*.vue",
"pages/**/*.vue",
"plugins/**/*.js",
"nuxt.config.js",
],
}