diff options
| author | Artrix <[email protected]> | 2024-01-05 05:12:52 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-01-05 20:12:52 +0700 |
| commit | 553fe1c71082b040e9f9667ad3e99acdb33990b2 (patch) | |
| tree | 0c770c406c8ff934ce34d8b10dbae948a554a619 /tailwind.config.cjs | |
| parent | migrate to typescript (diff) | |
| download | moopa-553fe1c71082b040e9f9667ad3e99acdb33990b2.tar.xz moopa-553fe1c71082b040e9f9667ad3e99acdb33990b2.zip | |
feat: Implement a way to review/rate anime (#108)
* Make details cover lead back to anime page
* Make 'markProgress' use object instead of param list
* Import Link
* Implement Rate modal
* Pass session into useAniList
Co-authored-by: Factiven <[email protected]>
* Reimplement using markComplete & add toast for failure
* redefined ratemodal
* fix: home page client error
* update version
---------
Co-authored-by: Factiven <[email protected]>
Diffstat (limited to 'tailwind.config.cjs')
| -rw-r--r-- | tailwind.config.cjs | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/tailwind.config.cjs b/tailwind.config.cjs deleted file mode 100644 index e072608..0000000 --- a/tailwind.config.cjs +++ /dev/null @@ -1,94 +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"), - require("@vidstack/react/tailwind.cjs")({ - // Change the media variants prefix. - prefix: "media", - }), - require("tailwindcss-animate"), - customVariants, - ], -}; - -function customVariants({ addVariant, matchVariant }) { - // Strict version of `.group` to help with nesting. - matchVariant("parent-data", (value) => `.parent[data-${value}] > &`); - addVariant("hocus", ["&:hover", "&:focus-visible"]); - addVariant("group-hocus", [".group:hover &", ".group:focus-visible &"]); -} |