From 109332c15f89b03403e58466bf7ea6d122e2f1a3 Mon Sep 17 00:00:00 2001
From: Elson Correia <design@elsoncorreia.com>
Date: Sun, 29 Sep 2024 03:29:01 -0400
Subject: [PATCH] fix formatting

---
 docs/documentation/index.md        |  1 -
 docs/index.md                      | 17 ++++++++---------
 docs/stylesheets/documentation.css |  2 +-
 docs/stylesheets/landing.css       | 11 +++--------
 4 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/docs/documentation/index.md b/docs/documentation/index.md
index 1654d680..dd7fd4a4 100644
--- a/docs/documentation/index.md
+++ b/docs/documentation/index.md
@@ -7,4 +7,3 @@ layout: document
 ---
 
 ## What is Markup?
-
diff --git a/docs/index.md b/docs/index.md
index e04c1b87..cab1b889 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -24,17 +24,17 @@ A simple and lightweight solution to create stateful Web User Interfaces.
 
 ### Why Markup?
 
-- **Reactive**
+-   **Reactive**
     Markup uses JavaScript **[template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)** and Functions to allow you to create reative DOM with state management, render lyfecycles, and side effects control.
-- **Small**
-    Markup allows you to do a lot with **9Kb compressed** code (***18Kb umcompressed***. From prototyping to enterprise web applications, you can ship it to the client confidently!
-- **Simple**
+-   **Small**
+    Markup allows you to do a lot with **9Kb compressed** code (**_18Kb umcompressed_**. From prototyping to enterprise web applications, you can ship it to the client confidently!
+-   **Simple**
     Markup is **[based on Web Standards](https://www.w3.org/standards/)** and exposes 3 simple APIs you can use to enhance Web Components APIs, working with DOM, and building any Web User Interface.
-- **Plug & Play**
+-   **Plug & Play**
     Markup requires no build, no parsing, no bundling. You can simply add it to your project and start using it. This is because it is based on web standards and looks super familiar.
-- **Web Component**
+-   **Web Component**
     Markup enhances Web Component APIs with reactivity and by eliminating the need to perform DOM manipulations when creating components for your projects.
-- **Performance**
+-   **Performance**
     Markup is data aware and handles everything behind the scenes which allows the DOM to only be updated when ands where it is necessary.
 
 </section>
@@ -62,6 +62,5 @@ Or simply add the following script in the head of your document.
 ```
 
 [Try It!](https://stackblitz.com/edit/web-platform-lvonxr?file=app.js)
-</section>
-
 
+</section>
diff --git a/docs/stylesheets/documentation.css b/docs/stylesheets/documentation.css
index 7e534fbb..aff32813 100644
--- a/docs/stylesheets/documentation.css
+++ b/docs/stylesheets/documentation.css
@@ -37,7 +37,7 @@
 }
 
 #documentation nav li.active::after {
-    content: "";
+    content: '';
     display: inline-block;
     width: 10px;
     height: 10px;
diff --git a/docs/stylesheets/landing.css b/docs/stylesheets/landing.css
index 3d9b055a..99c502a8 100644
--- a/docs/stylesheets/landing.css
+++ b/docs/stylesheets/landing.css
@@ -93,7 +93,7 @@
 }
 
 #why-markup ul li::after {
-    content: "";
+    content: '';
     display: block;
     width: calc(100% + 1px);
     height: calc(100% + 1px);
@@ -102,12 +102,7 @@
     left: 0;
     padding: 1px;
     border-radius: 8px;
-    background: linear-gradient(
-      134deg,
-      transparent,
-      transparent,
-      #454545
-    );
+    background: linear-gradient(134deg, transparent, transparent, #454545);
     z-index: -1;
 }
 
@@ -136,7 +131,7 @@ section#quick-start {
     padding-bottom: 100px;
 }
 
-section#quick-start h3{
+section#quick-start h3 {
     font-size: 1.6rem;
 }