lint

GoodHatsLLC · Sep 6, 2023 · 0eaeee9 · 0eaeee9
1 parent 12c2744
commit 0eaeee9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx
@@ -11,25 +11,30 @@ const FeatureList: FeatureItem[] = [
     title: "Intuitive",
     description: (
       <>
-        StateTree makes the standard declarative coding style <strong>more powerful</strong>.
-        It doesn't discard make you discard it. <strong>There's no Redux here</strong>.
+        StateTree makes the standard declarative coding style <strong>more powerful</strong>. It
+        doesn't discard make you discard it. <strong>There's no Redux here</strong>.
       </>
     ),
   },
   {
     title: "Powerful",
     description: (
       <>
-        StateTree is both reactive and fully <strong>data driven</strong>.
-        It supports <strong>deep linking</strong> across any app states and enables state saving and replay <strong>out of the box</strong>.
+        StateTree is both reactive and fully <strong>data driven</strong>. It supports{" "}
+        <strong>deep linking</strong> across any app states and enables state saving and replay{" "}
+        <strong>out of the box</strong>.
       </>
     ),
   },
   {
     title: "Testable",
     description: (
       <>
-        <p>The toughest testing problems are solved upfront. <strong>Side effects</strong>, <strong>dependencies</strong>, and <strong>lifecycles</strong> are easy to manage and deterministic to mock.</p>
+        <p>
+          The toughest testing problems are solved upfront. <strong>Side effects</strong>,{" "}
+          <strong>dependencies</strong>, and <strong>lifecycles</strong> are easy to manage and
+          deterministic to mock.
+        </p>
       </>
     ),
   },
@@ -38,18 +43,18 @@ const FeatureList: FeatureItem[] = [
 function Feature({ title, description }: FeatureItem) {
   return (
     <div className="lg:basis-1/3 sm:basis-full p-2">
-        <h3 className="text-2xl font-serif font-bold mb-3">{title}</h3>
-        <div className="h-full">{description}</div>
+      <h3 className="text-2xl font-serif font-bold mb-3">{title}</h3>
+      <div className="h-full">{description}</div>
     </div>
   );
 }
 
 export default function HomepageFeatures(): JSX.Element {
   return (
     <section className="m-auto flex flex-1 flex-row flex-wrap items-start content-center md:p-2 lg:p-8 max-w-7xl">
-        {FeatureList.map((props, idx) => (
-          <Feature key={idx} {...props} />
-        ))}
+      {FeatureList.map((props, idx) => (
+        <Feature key={idx} {...props} />
+      ))}
     </section>
   );
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,7 +4,6 @@ const defaultTheme = require("tailwindcss/defaultTheme");
 
 const CUSTOM = {
   color: {
-
     "gray:": {
       100: "#f5f6f7",
       200: "#ebedf0",
@@ -143,10 +142,10 @@ module.exports = {
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
     screens: {
-      'sm': '576px',
-      'md': '800px',
-      'lg': '996px',
-      'xl': '1440px',
+      sm: "576px",
+      md: "800px",
+      lg: "996px",
+      xl: "1440px",
     },
     fontFamily: {
       sans: ["Inter", ...defaultTheme.fontFamily.sans],
@@ -183,7 +182,7 @@ module.exports = {
     aspectRatio: false,
   },
   plugins: [
-    require('@tailwindcss/aspect-ratio'),
+    require("@tailwindcss/aspect-ratio"),
     // ...
   ],
 };