aboutsummaryrefslogtreecommitdiff
path: root/tailwind.config.js
diff options
context:
space:
mode:
authorFactiven <[email protected]>2023-12-24 13:03:54 +0700
committerFactiven <[email protected]>2023-12-24 13:03:54 +0700
commit50a0f0240d7fef133eb5acc1bea2b1168b08e9db (patch)
tree307e09e505580415a58d64b5fc3580e9235869f1 /tailwind.config.js
parentUpdate README.md (#104) (diff)
downloadmoopa-50a0f0240d7fef133eb5acc1bea2b1168b08e9db.tar.xz
moopa-50a0f0240d7fef133eb5acc1bea2b1168b08e9db.zip
migrate to typescript
Diffstat (limited to 'tailwind.config.js')
-rw-r--r--tailwind.config.js81
1 files changed, 0 insertions, 81 deletions
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 13e9999..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-const defaultTheme = require("tailwindcss/defaultTheme");
-const scrollbarPlugin = require("tailwind-scrollbar");
-
-module.exports = {
- content: [
- "./pages/**/*.{js,ts,jsx,tsx}",
- "./components/**/*.{js,ts,jsx,tsx}",
- ],
- darkMode: "class",
- theme: {
- screens: {
- xxs: "375px",
- xs: "425px",
-
- ...defaultTheme.screens,
- },
- extend: {
- animation: {
- text: "text 5s ease infinite",
- },
- keyframes: {
- text: {
- "0%, 100%": {
- "background-size": "200% 200%",
- "background-position": "left center",
- },
- "50%": {
- "background-size": "200% 200%",
- "background-position": "right center",
- },
- },
- },
- boxShadow: {
- menu: "0 0 10px 0px rgba(255, 107, 0, 0.1)",
- light: "0 2px 10px 2px rgba(0, 0, 0, 0.1)",
- button: "0 0px 5px 0.5px rgba(0, 0, 0, 0.1)",
- },
- textColor: {
- "gray-500": "#6c757d",
- },
- fontWeight: {
- bold: "700",
- },
- padding: {
- nav: "5.3rem",
- },
- colors: {
- primary: "#141519",
- secondary: "#212127",
- action: "#FF7F57",
- image: "#3B3C41",
- txt: "#dbdcdd",
- tersier: "#0c0d10",
- },
- },
- fontFamily: {
- outfit: ["Outfit", "sans-serif"],
- karla: ["Karla", "sans-serif"],
- roboto: ["Roboto", "sans-serif"],
- inter: ["Inter", "sans-serif"],
- },
- },
- variants: {
- extend: {
- display: ["group-focus"],
- opacity: ["group-focus"],
- inset: ["group-focus"],
- backgroundImage: ["dark"],
- },
- textColor: ["responsive", "hover", "focus"],
- fontWeight: ["responsive", "hover", "focus"],
- scrollbar: ["rounded"],
- },
- plugins: [
- scrollbarPlugin({
- nocompatible: true,
- }),
- require("tailwind-scrollbar-hide"),
- ],
-};