aboutsummaryrefslogtreecommitdiff
path: root/tailwind.config.cjs
diff options
context:
space:
mode:
authorArtrix <[email protected]>2024-01-05 05:12:52 -0800
committerGitHub <[email protected]>2024-01-05 20:12:52 +0700
commit553fe1c71082b040e9f9667ad3e99acdb33990b2 (patch)
tree0c770c406c8ff934ce34d8b10dbae948a554a619 /tailwind.config.cjs
parentmigrate to typescript (diff)
downloadmoopa-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.cjs94
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 &"]);
-}