add tailwind-scollbars

This commit is contained in:
Ben Phelps 2022-09-21 16:11:48 +03:00
parent 0115b594d6
commit 2fc1dda122
3 changed files with 26 additions and 11 deletions

View file

@ -1,4 +1,7 @@
/** @type {import('tailwindcss').Config} */
const tailwindForms = require("@tailwindcss/forms");
const tailwindScrollbars = require("tailwind-scrollbar");
module.exports = {
darkMode: "class",
content: ["./src/pages/**/*.{js,ts,jsx,tsx}", "./src/components/**/*.{js,ts,jsx,tsx}"],
@ -6,19 +9,19 @@ module.exports = {
extend: {
colors: {
theme: {
["50"]: "rgb(var(--color-50) / <alpha-value>)",
["100"]: "rgb(var(--color-100) / <alpha-value>)",
["200"]: "rgb(var(--color-200) / <alpha-value>)",
["300"]: "rgb(var(--color-300) / <alpha-value>)",
["400"]: "rgb(var(--color-400) / <alpha-value>)",
["500"]: "rgb(var(--color-500) / <alpha-value>)",
["600"]: "rgb(var(--color-600) / <alpha-value>)",
["700"]: "rgb(var(--color-700) / <alpha-value>)",
["800"]: "rgb(var(--color-800) / <alpha-value>)",
["900"]: "rgb(var(--color-900) / <alpha-value>)",
50: "rgb(var(--color-50) / <alpha-value>)",
100: "rgb(var(--color-100) / <alpha-value>)",
200: "rgb(var(--color-200) / <alpha-value>)",
300: "rgb(var(--color-300) / <alpha-value>)",
400: "rgb(var(--color-400) / <alpha-value>)",
500: "rgb(var(--color-500) / <alpha-value>)",
600: "rgb(var(--color-600) / <alpha-value>)",
700: "rgb(var(--color-700) / <alpha-value>)",
800: "rgb(var(--color-800) / <alpha-value>)",
900: "rgb(var(--color-900) / <alpha-value>)",
},
},
},
},
plugins: [require("@tailwindcss/forms")],
plugins: [tailwindForms, tailwindScrollbars],
};