Guide de styles

Colors

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a paragraph. The font family is monospace and for the headings 1 to 3 it’s Sans-Serif. Some bold text. Italics also looks nice. You can underline things you feel are important. has styles that override the default heading styles, including margin.

Code Block

inline code; inline samp; and kbd: ctrl c

Code blocks are code tags wrapped with pre tags. They automatically overflow to become scrollable on smaller displays

<pre><code>
<h2>Code Block Example</h2>
</code></pre>

Samp blocks are similar but intended for output moslty so mono/color sets the line-height tighter to show it better (for example, ASCII art)

                /\  (hi i’m v dude)
   __  ____  __/\/\__  __   ___
  /  \/ __ \ \ _  _ / /  \ |   \
 / /\ \__ \ \/\'  '/\/ /\ \|    |
/_/  \____/\__/\__/\__/  \_____/

1---5---10---15---20---25---30---35---40---45---50---55---60---65---70---75---80---85---90---95--100--105--110--115--120--125--130--135--140--145--150--155--160--165--170--175--180--185--190--195--200--205--210--215--220--225--230--235--240--245--250--255--260--265--270--275--280--285--290--295--300
2
3
4
5
6
7
8

Blockquote

You’re not a fucking moron if you use default browser styles you can do what ever the fuck you want who cares
— Eleanor Roosevelt

This is a nested quote
— Me

Yes, I totally took that from this site. I always used it as a reference.
— Also me

Lists

Lists are default HTML lists. I tried a few things but figured the defaults are all that’s needed (imo).

Unordered List

• First Item
• Second Item
  • Sub Item 1
  • Sub Item 2
• Third Item

Ordered List

1. First Item
2. Second Item
   1. Sub Item 1
   2. Sub Item 2
3. Third Item

Tables

Tables looks nice too:

Forms

Buttons

Buttons are created with either a button or an anchor, they both must have the btn class.

Grid

Flex