fix: updated files

Author: Iam-Karan-Suresh

.nvmrc

@@ -1 +1 @@
-16
+20

plugins/docusaurus-tailwindcss-loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "docusaurus-tailwindcss-loader",
+  "version": "1.0.0",
+  "description": "A Docusaurus plugin to load TailwindCSS",
+  "main": "index.js",
+  "peerDependencies": {
+    "postcss-import": "^14.0.2",
+    "tailwindcss": "^3.0.1",
+    "postcss-preset-env": "^7.4.1"
+  }
+}

src/components/NotFoundPage.js

@@ -3,7 +3,7 @@ import error from "../../static/img/error404.png";
 
 const NotFoundPage = () => {
   return (
-    <main className="container margin-vert--xl">
+    <main className="margin-vert--xl container">
       <div className="row">
         <div className="col col--6 col--offset-3">
           <div className="text-center">
@@ -12,10 +12,12 @@ const NotFoundPage = () => {
               width={300}
               height={300}
               alt="404 Error"
-              style={{ margin: '0 auto' }}
+              style={{margin: "0 auto"}}
             />
             <h1 className="hero__title">🐰 Oops! 🐰</h1>
-            <p className="hero__subtitle margin-vert--md">404 - Page Not Found</p>
+            <p className="hero__subtitle margin-vert--md">
+              404 - Page Not Found
+            </p>
             <div className="margin-vert--lg">
               <div className="loading-dots">
                 <span>Redirecting to documentation</span>

src/css/custom.css

@@ -12,19 +12,19 @@
 
 :root {
   /* Hotfix: Changed primary color to black to resolve conflict with Docusaurus' default primary orange after disabling Tailwind preflight CSS. Added font size and line height adjustments to compensate for the removal of Tailwind preflight. */
- 
+
   /* --ifm-color-primary-lighter: #ffb575; */
-  font-size:18px;
+  font-size: 18px;
   line-height: 1.6;
   --ifm-color-primary: #000;
 
-  --ifm-color-primary-lighter: #FFF;
+  --ifm-color-primary-lighter: #fff;
   --ifm-color-primary: #ff914d;
   --ifm-color-primary-dark: #e67643;
   --ifm-color-primary-darker: #c95919;
   --ifm-color-primary-darkest: #be2c1b;
   --ifm-color-primary-light: #ffd0a0;
-  
+
   --ifm-color-primary-lightest: #ffceb1;
   --ifm-code-font-size: 95%;
   --doc-sidebar-width: 275px !important;
@@ -37,11 +37,10 @@
 
 html[data-theme="dark"] {
   /* Hotfix: Changed 'ifm-color-primary-lighter' to white to resolve conflict with Docusaurus' default color after disabling Tailwind preflight CSS. */
-  
 
   /* --ifm-color-primary-lighter: #ffb575; */
-  --ifm-color-primary-lighter: #FFF; 
-   
+  --ifm-color-primary-lighter: #fff;
+
   --ifm-color-primary: #ff914d;
   --ifm-color-primary-dark: #e67643;
   --ifm-color-primary-darker: #c95919;
@@ -112,7 +111,7 @@ html[data-theme="light"] {
 }
 
 /* Hotfix: Remove extra margin-bottom on community links subtext in the home page due to Tailwind preflight removal */
-h3{
+h3 {
   margin-bottom: 0.1rem;
 }
 h1,
@@ -213,7 +212,7 @@ div[class^="sidebar_"] .button svg {
 
 /* Pagination */
 .pagination-nav {
-  @apply flex mt-12 flex-col items-start justify-center space-x-0 space-y-5 md:flex-row md:space-x-10 md:space-y-0;
+  @apply mt-12 flex flex-col items-start justify-center space-x-0 space-y-5 md:flex-row md:space-x-10 md:space-y-0;
 }
 .pagination-nav__item {
   @apply w-full max-w-md;
@@ -228,7 +227,7 @@ div[class^="sidebar_"] .button svg {
 }
 
 .navbar__items--right {
-  @apply justify-end ml-auto flex-row-reverse;
+  @apply ml-auto flex-row-reverse justify-end;
   gap: 13px;
 }
 
@@ -336,7 +335,7 @@ footer svg {
 }
 
 /* Reset margin bottom on h3 (refer docs community section li item heading) after disabling tailwind preflight. */
-h3{
+h3 {
   margin-bottom: 1px;
 }
 
@@ -604,13 +603,14 @@ a[class="breadcrumbs__link"] {
 }
 
 /* Hotfix: Manually add Tailwind preflight styles to fix clipboard issues in Safari.
-   Using `preflight: true` caused style conflicts, so these styles are directly included here. */*,
+   Using `preflight: true` caused style conflicts, so these styles are directly included here. */
+*,
 ::before,
 ::after {
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
-  border-color: theme('borderColor.DEFAULT', currentColor);
+  border-color: theme("borderColor.DEFAULT", currentColor);
 }
 
 * {
@@ -623,7 +623,7 @@ html {
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
   tab-size: 4;
-  font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif);
+  font-family: theme("fontFamily.sans", ui-sans-serif, system-ui, sans-serif);
 }
 
 body {
@@ -677,9 +677,9 @@ html {
 }
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+[type="button"],
+[type="reset"],
+[type="submit"] {
   -webkit-appearance: button;
   background-color: transparent;
   background-image: none;
@@ -706,12 +706,12 @@ menu {
 }
 
 :focus-visible {
-  outline: 2px solid theme('colors.blue.600', #2563eb);
+  outline: 2px solid theme("colors.blue.600", #2563eb);
   outline-offset: 2px;
 }
 
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -745,7 +745,7 @@ textarea {
 }
 
 .theme-back-to-top-button {
-  background-color: #FF914D !important;
+  background-color: #ff914d !important;
   color: white !important;
 }
 
@@ -756,5 +756,3 @@ textarea {
 .theme-back-to-top-button:hover {
   background-color: #e67643 !important;
 }
-
-

src/pages/styles.module.css

@@ -159,4 +159,4 @@
 .announcementInner {
   margin: 0 auto;
   max-width: 768px;
-}
+}

src/theme/Heading/styles.module.css

@@ -19,7 +19,7 @@ See https://twitter.com/JoshWComeau/status/1332015868725891076
 }
 
 :global(.hash-link::before) {
-  content: '#';
+  content: "#";
 }
 
 :global(.hash-link:focus),

src/theme/NotFound/Content/index.js

@@ -1,17 +1,17 @@
-import React, { useEffect } from "react";
+import React, {useEffect} from "react";
 import {PageMetadata} from "@docusaurus/theme-common";
-import {useLocation} from '@docusaurus/router';
+import {useLocation} from "@docusaurus/router";
 import NotFoundPage from "../../../components/NotFoundPage";
 
 export default function NotFound() {
   const location = useLocation();
-  
+
   useEffect(() => {
     const timer = setTimeout(() => {
       // Check if we're already in the /docs path
-      const newPath = location.pathname.startsWith('/docs') 
-        ? '/docs/' 
-        : '/docs' + location.pathname;
+      const newPath = location.pathname.startsWith("/docs")
+        ? "/docs/"
+        : "/docs" + location.pathname;
       window.location.href = newPath;
     }, 1000); // Increased to 1 seconds to match animation
 

src/theme/NotFound/Content/styles.module.css

@@ -22,7 +22,13 @@
 }
 
 @keyframes dotPulse {
-  0% { opacity: 0; }
-  50% { opacity: 1; }
-  100% { opacity: 0; }
-}
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}

static/css/code-block-buttons.css

@@ -1,39 +1,39 @@
 /* "Copy" code block button */
 pre {
-    position: relative;
-  }
-  
-  pre .btnIcon {
-    position: absolute;
-    top: 4px;
-    z-index: 2;
-    cursor: pointer;
-    border: 1px solid transparent;
-    padding: 0;
-    color: #fff;
-    background-color: transparent;
-    height: 30px;
-    transition: all .25s ease-out;
-  }
-  
-  pre .btnIcon:hover {
-    text-decoration: none;
-  }
-  
-  .btnIcon__body {
-    align-items: center;
-    display: flex;
-  }
-  
-  .btnIcon svg {
-    fill: currentColor;
-    margin-right: .4em;
-  }
-  
-  .btnIcon__label {
-    font-size: 11px;
-  }
-  
-  .btnClipboard {
-    right: 10px;
-  }
+  position: relative;
+}
+
+pre .btnIcon {
+  position: absolute;
+  top: 4px;
+  z-index: 2;
+  cursor: pointer;
+  border: 1px solid transparent;
+  padding: 0;
+  color: #fff;
+  background-color: transparent;
+  height: 30px;
+  transition: all 0.25s ease-out;
+}
+
+pre .btnIcon:hover {
+  text-decoration: none;
+}
+
+.btnIcon__body {
+  align-items: center;
+  display: flex;
+}
+
+.btnIcon svg {
+  fill: currentColor;
+  margin-right: 0.4em;
+}
+
+.btnIcon__label {
+  font-size: 11px;
+}
+
+.btnClipboard {
+  right: 10px;
+}

vale_styles/Google/AMPM.yml

@@ -1,6 +1,6 @@
 extends: existence
 message: "Use 'AM' or 'PM' (preceded by a space)."
-link: 'https://developers.google.com/style/word-list'
+link: "https://developers.google.com/style/word-list"
 level: error
 nonword: true
 tokens: