Skip to content

Commit

Permalink
fix formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
ECorreia45 committed Sep 29, 2024
1 parent 1013704 commit 109332c
Show file tree
Hide file tree
Showing 4 changed files with 12 additions and 19 deletions.
1 change: 0 additions & 1 deletion docs/documentation/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,4 +7,3 @@ layout: document
---

## What is Markup?

17 changes: 8 additions & 9 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
2 changes: 1 addition & 1 deletion docs/stylesheets/documentation.css
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
}

#documentation nav li.active::after {
content: "";
content: '';
display: inline-block;
width: 10px;
height: 10px;
Expand Down
11 changes: 3 additions & 8 deletions docs/stylesheets/landing.css
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@
}

#why-markup ul li::after {
content: "";
content: '';
display: block;
width: calc(100% + 1px);
height: calc(100% + 1px);
Expand All @@ -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;
}

Expand Down Expand Up @@ -136,7 +131,7 @@ section#quick-start {
padding-bottom: 100px;
}

section#quick-start h3{
section#quick-start h3 {
font-size: 1.6rem;
}

Expand Down

0 comments on commit 109332c

Please sign in to comment.