Use 4 spaces to indent nested lists in MD so MkDocs can render them c…

…orrectly (#486)

.markdownlint.jsonc

@@ -2,7 +2,10 @@
 
 {
   "default": true,
-  "MD033": false, // Allow inline JSX.
+  "MD007": { // Unordered list indentation
+    "indent": 4 // 4 spaces so MkDocs can render nested lists correctly
+  },
+  "MD033": false, // Allow inline JSX and custom web components
   "MD024": false, // Allow duplicate headings
   "line-length": {
     "code_block_line_length": 120,

src/components/Button/README.md

@@ -433,10 +433,10 @@ Where:
 - `<INTERACTION STATE>` is one of `default`, `hover`, `active`, or `disabled`
   (the last one being optional),
 - `<PROPERTY>` is one of:
-  - `color`, `border-color`, `background`, or `box-shadow` for the `filled`
-    priority,
-  - `color`, `border-color`, or `background` for the `outline` priority,
-  - `color` or `background` for the `flat` priority.
+    - `color`, `border-color`, `background`, or `box-shadow` for the `filled`
+      priority,
+    - `color`, `border-color`, or `background` for the `outline` priority,
+    - `color` or `background` for the `flat` priority.
 
 ### Theming Sizes
 

src/components/Card/README.md

@@ -47,8 +47,8 @@ See [API](#api) for all available options.
 Card is decomposed into the following components:
 
 - [Card](#api)
-  - [CardBody](#cardbody)
-  - [CardFooter](#cardfooter)
+    - [CardBody](#cardbody)
+    - [CardFooter](#cardfooter)
 
 Aside from the [CardBody](#cardbody) element, you can add a
 [CardFooter](#cardfooter) to better separate your card's actions from the rest

src/components/Modal/README.md

@@ -105,13 +105,13 @@ See [API](#api) for all available options.
 Modal is decomposed into the following components:
 
 - Modal
-  - [ModalHeader](#modalheader)
-    - ModalTitle
-    - ModalCloseButton
-  - [ModalBody](#modalbody)
-    - ModalContent
-      (may be wrapped with [ScrollView](/components/ScrollView))
-  - [ModalFooter](#modalfooter)
+    - [ModalHeader](#modalheader)
+        - ModalTitle
+        - ModalCloseButton
+    - [ModalBody](#modalbody)
+        - ModalContent
+          (may be wrapped with [ScrollView](/components/ScrollView))
+    - [ModalFooter](#modalfooter)
 
 Using different combinations, you can compose different kinds of modals,
 e.g. dialog modal, blocking modal, scrollable modal, etc.