docs: update sidebar styles

Author: lokesh-coder

docs/gatsby-config.js

@@ -70,14 +70,8 @@ const githubAPIOptions = {
 				issues {
 					totalCount
 				}
-				stargazers(first: 100) {
-					edges {
-						node {
-							name
-							login
-							avatarUrl
-						}
-					}
+				stargazers {
+					totalCount
 				}
 				collaborators(first: 100) {
 					edges {

docs/src/components/sidebar.js

@@ -12,12 +12,12 @@ const MenuLinks = ({ allContent }) => {
           <li className="mb-1">
             <Link
               to={`${fm.path}`}
-              className="text-gray-600 font-medium flex text-base"
+              className="text-gray-600 font-medium flex text-base hover:text-gray-800 group"
               activeClassName="active text-primary"
               partiallyActive={true}
             >
               <i
-                className={`mr-3 text-lg text-gray-600 active:text-primary ri-${fm.icon}`}
+                className={`mr-3 text-lg text-gray-600 active:text-primary group-hover:text-gray-800 ri-${fm.icon}`}
               ></i>
               <span className="flex-1">{fields.title}</span>
               {fm.skip && <i class="ri-anchor-fill"></i>}

docs/src/markdown/docs/main/core/commands.md

@@ -92,6 +92,8 @@ export default {
 };
 ```
 
+> If you want to exclude one or more files, you can simply add `_` prefix to the file name. For example, `/commands/_greeting.js`
+
 ### Anatomy of command
 
 The only required property for a command is `run` . Everything else is optional.

docs/src/markdown/docs/main/core/testing.md

@@ -28,7 +28,7 @@ describe("CLI", () => {
     });
   });
 
-  it("should log proper outout", async () => {
+  it("should log proper output", async () => {
     let response = await testBed.run(["hello"]);
     expect(response).toContain("hello yoyo!");
   });

docs/src/markdown/docs/main/get-started/overview.md

@@ -9,11 +9,12 @@ Lesy is just a simple lightweight CLI framework helps you to build modern and pe
 Whether you are building a dead simple app or more advanced app, Lesy lets you to write less code and get more. Here's the sample code for classic Hello world example.
 
 ```js
+#!/usr/bin/env node
+
 const lesy = require("@lesy/compiler");
+const commands = [{ run: () => console.log("hello world") }];
 
-lesy({
-  commands: [{ run: () => console.log("hello world") }],
-}).parse();
+lesy({ commands }).parse();
 ```
 
 ### Why Lesy?
@@ -29,7 +30,7 @@ lesy({
 
 ### Lesy playground
 
-We have a setup a _playground_ for you to play around with it.
+We have setup a _playground_ for you to play around with it.
 
 [Pilot Playground](https://codesandbox.io/s/lesy-pilot-playground-hzjgw?fontsize=14&hidenavigation=1&view=preview)
 

docs/src/markdown/docs/plugins/docs/generator.md

@@ -58,7 +58,7 @@ export default {
 This command will create a files in the destination folder. And the output file looks like,
 
 ```html
-<!-- dpath/to/estination/welcome.html -->
+<!-- path/to/estination/welcome.html -->
 <h1>Hello John</h1>
 ```
 

docs/src/styles/tailwind.css

@@ -53,13 +53,15 @@ p {
 }
 
 .content h4 {
-  @apply my-10;
+  @apply mb-4;
+  @apply mt-10;
   @apply text-gray-800;
   @apply tracking-tighter;
   @apply font-semibold;
   @apply border-l-4;
   @apply border-gray-800;
   @apply pl-4;
+  @apply leading-none;
 }
 
 .content h4 a {
@@ -90,3 +92,34 @@ p {
 .gatsby-highlight {
   @apply mt-8;
 }
+
+blockquote {
+  @apply p-4;
+  @apply rounded-md;
+  @apply text-sm;
+  @apply font-medium;
+  @apply flex;
+  @apply bg-blue-100;
+  @apply text-blue-600;
+  @apply border;
+  @apply border-blue-200;
+}
+
+blockquote:before {
+  content: "\EE59";
+  @apply text-blue-300;
+  @apply text-2xl;
+  @apply mr-5;
+  @apply self-center;
+  font-family: "remixicon" !important;
+}
+
+blockquote p {
+  @apply m-0;
+  @apply inline;
+}
+
+blockquote code.language-text.language-text {
+  @apply bg-transparent;
+  font-weight: 400 !important;
+}