Merge pull request #25 from DataRecce/feature/drc-1473-prepare-recce-docs-repo-for-design-system

feat: drc-1473

Author: kentwelcome

docs/styles/home.css

@@ -3,7 +3,7 @@
 ## Install
 ```
 pip install -r requirements.txt
-npm install 
+npm install
 npm install -g sass
 ```
 
@@ -12,25 +12,24 @@ npm install -g sass
 Build static site
 `mkdocs build`
 
-Start local server 
+Start local server
 `mkdocs serve`
 
 > [!TIP]
 > If you encounter cairo linking issue, you can try the [workaround solution](https://github.com/Kozea/cairocffi/issues/28#issuecomment-1173455046).
 
 
-## Landing page
-If you are updating the CSS styles for the `landing page`, it is generated from the root `sass`:
-`sass --watch sass/home.sass docs/styles/home.css`
-
-## Other customizations
+## Styling
+If you are updating the CSS styles, it is generated from the `extra.css` file:
 
 [Extra css](https://www.mkdocs.org/user-guide/customizing-your-theme/) for documentation pages can be added here:
 
 ```
 /docs/styles/extra.css
 ```
 
+## Other customizations
+
 Overrides, such as the custom landing page, are stored in the following location:
 
 ```
@@ -39,9 +38,9 @@ Overrides, such as the custom landing page, are stored in the following location
 ```
 
 ## Configuration options
-Configuration options are set in the `mkdocs.yml` file. 
+Configuration options are set in the `mkdocs.yml` file.
 - [MKDocs Configuration](https://www.mkdocs.org/user-guide/configuration/)
-- 
+-
 
 ## Adding new feature pages
 1. To add new features, create a Markdown file in `docs/docs/features` and added a title, e.g.:
@@ -78,7 +77,7 @@ Please use [pngquant](https://pngquant.org/) to optimize any PNG files:
 pngquant --force --quality=100 --strip --skip-if-larger --verbose <filename>.png
 ```
 
-Try to keep animated gifs no bigger than around 1MB. Only use multiple large gifs on one page if absolutely neccessary. 
+Try to keep animated gifs no bigger than around 1MB. Only use multiple large gifs on one page if absolutely neccessary.