flexbox, code cleanup

README.md

@@ -20,3 +20,41 @@ Issues:
 Notes:
 - **< input />** is sort-of inline in normal web. We render it as a block element (new-line).
 - A single `RichTextLabel` for inline text tags should stop, we should use invididual ones so it's easier to style and achieve separation through a `vboxcontainer`.
+
+
+Supported styles:
+
+- **Font style:**  
+  - `font-bold` 
+  - `font-italic`
+  - `underline`
+- **Font size:**  
+  - `text-xs` → 12  
+  - `text-sm` → 14  
+  - `text-base` → 16  
+  - `text-lg` → 18  
+  - `text-xl` → 20  
+  - `text-2xl` → 24  
+  - `text-3xl` → 30  
+  - `text-4xl` → 36  
+  - `text-5xl` → 48  
+  - `text-6xl` → 60
+- **Font family:**  
+  - `font-mono`
+- **Text color:**  
+  - `text-[color]`
+- **Background color:**  
+  - `bg-[color]`
+- **Flexbox**
+- `flex` / `inline-flex` (display: flex/inline-flex)
+- `flex-row`, `flex-row-reverse`, `flex-col`, `flex-col-reverse` (flex-direction)
+- `flex-nowrap`, `flex-wrap`, `flex-wrap-reverse` (flex-wrap)
+- `justify-start`, `justify-end`, `justify-center`, `justify-between`, `justify-around`, `justify-evenly` (justify-content)
+- `items-start`, `items-end`, `items-center`, `items-baseline`, `items-stretch` (align-items)
+- `content-start`, `content-end`, `content-center`, `content-between`, `content-around`, `content-evenly`, `content-stretch` (align-content)
+- `gap-{size}`, `row-gap-{size}`, `col-gap-{size}` (gap, row-gap, column-gap)
+- `flex-grow-{n}` (flex-grow)
+- `flex-shrink-{n}` (flex-shrink)
+- `basis-{size}` (flex-basis)
+- `self-auto`, `self-start`, `self-end`, `self-center`, `self-stretch`, `self-baseline` (align-self)
+- `order-{n}` (order)