.

bananashell · Nov 16, 2021 · 63f5a77 · 63f5a77
1 parent cceab96
commit 63f5a77
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 85 deletions.
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};
diff --git a/src/components/Info.tsx b/src/components/Info.tsx
@@ -18,7 +18,7 @@ export const Info: FunctionComponent = () => {
 
     return (
         <article className="flex flex-col items-end justify-end gap-1 p-8">
-            {(true || canShare) && (
+            {canShare && (
                 <a
                     className="px-2 py-1 mb-auto text-white transition-all bg-blue-400 rounded select-none right-8 top-8 justify-self-start hover:bg-blue-300"
                     href={"javascript:;"}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,83 +1,79 @@
 module.exports = {
-  purge: [
-    "./src/**/*.tsx",
-    "./src/**/*.jsx",
-    "./src/**/*.html",
-  ],
-  darkMode: false, // or 'media' or 'class'
-  theme: {
-    extend: {
-      colors: {
-        amber:
-        {
-          "50": "#ffe7a4",
-          "100": "#ffd971",
-          "200": "#ffcc3e",
-          "300": "#ffc525",
-          "400": "#ffbe0b",
-          "500": "#f1b000",
-          "600": "#d79e00",
-          "700": "#a47800",
-          "800": "#715300",
-          "900": "#3e2d00"
+    jit: true,
+    purge: ["./src/**/*.tsx", "./src/**/*.jsx", "./src/**/*.html"],
+    darkMode: false, // or 'media' or 'class'
+    theme: {
+        extend: {
+            colors: {
+                amber: {
+                    50: "#ffe7a4",
+                    100: "#ffd971",
+                    200: "#ffcc3e",
+                    300: "#ffc525",
+                    400: "#ffbe0b",
+                    500: "#f1b000",
+                    600: "#d79e00",
+                    700: "#a47800",
+                    800: "#715300",
+                    900: "#3e2d00",
+                },
+                orange: {
+                    50: "#fdbd9e",
+                    100: "#fd9a6b",
+                    200: "#fc7839",
+                    300: "#fb6720",
+                    400: "#fb5607",
+                    500: "#e54d04",
+                    600: "#cc4403",
+                    700: "#9a3302",
+                    800: "#672302",
+                    900: "#351201",
+                },
+                pink: {
+                    50: "#ff99c5",
+                    100: "#ff66a8",
+                    200: "#ff338b",
+                    300: "#ff1a7d",
+                    400: "#ff006e",
+                    500: "#e60063",
+                    600: "#cc0058",
+                    700: "#990042",
+                    800: "#66002c",
+                    900: "#330016",
+                },
+                purple: {
+                    50: "#dac4f9",
+                    100: "#bd95f5",
+                    200: "#a067f0",
+                    300: "#924fee",
+                    400: "#8338ec",
+                    500: "#7421ea",
+                    600: "#6815dc",
+                    700: "#5211ad",
+                    800: "#3c0c7f",
+                    900: "#260850",
+                },
+                blue: {
+                    50: "#d3e4ff",
+                    100: "#a0c5ff",
+                    200: "#6da5ff",
+                    300: "#5496ff",
+                    400: "#3a86ff",
+                    500: "#2176ff",
+                    600: "#0767ff",
+                    700: "#0051d3",
+                    800: "#003ea0",
+                    900: "#002a6d",
+                },
+                white: "#FFF",
+            },
         },
-        orange: {
-          "50": "#fdbd9e",
-          "100": "#fd9a6b",
-          "200": "#fc7839",
-          "300": "#fb6720",
-          "400": "#fb5607",
-          "500": "#e54d04",
-          "600": "#cc4403",
-          "700": "#9a3302",
-          "800": "#672302",
-          "900": "#351201"
+        fontFamily: {
+            sans: ["Asap", "ui-sans-serif", "system-ui"],
         },
-        pink: {
-          "50": "#ff99c5",
-          "100": "#ff66a8",
-          "200": "#ff338b",
-          "300": "#ff1a7d",
-          "400": "#ff006e",
-          "500": "#e60063",
-          "600": "#cc0058",
-          "700": "#990042",
-          "800": "#66002c",
-          "900": "#330016"
-        },
-        "purple": {
-          "50": "#dac4f9",
-          "100": "#bd95f5",
-          "200": "#a067f0",
-          "300": "#924fee",
-          "400": "#8338ec",
-          "500": "#7421ea",
-          "600": "#6815dc",
-          "700": "#5211ad",
-          "800": "#3c0c7f",
-          "900": "#260850"
-        },
-        "blue": {
-          "50": "#d3e4ff",
-          "100": "#a0c5ff",
-          "200": "#6da5ff",
-          "300": "#5496ff",
-          "400": "#3a86ff",
-          "500": "#2176ff",
-          "600": "#0767ff",
-          "700": "#0051d3",
-          "800": "#003ea0",
-          "900": "#002a6d"
-        },
-         "white": "#FFF"
-      }
     },
-    fontFamily: {
-      "sans": ["Asap", 'ui-sans-serif', 'system-ui']
-    }
-  },
-  variants: {
-    extend: {},
-  },
-  plugins: [],
-}
+    variants: {
+        extend: {},
+    },
+    plugins: [],
+};