style(docsWeb): add css for docs (#382)

Author: jorgeucano

package.json

@@ -16,7 +16,7 @@
     "scully:compile:watch": "tsc -w -p ./scully/tsconfig.scully.json",
     "scully:compile:run": "npm run scully:compile && npm run scully:run",
     "scully:run": "node ./dist/scully/scully --tds --project=sampleBlog",
-    "scully:run:docs": "node ./dist/scully/scully --tds --project=scullyDocs --nw",
+    "scully:run:docs": "node ./dist/scully/scully --tds --project=scullyDocs",
     "scully:run:tests": "npm run test && npm run e2e:server",
     "scully:run:cypress": "node ./dist/scully/scully serve --project=sampleBlog --tds",
     "scully:serve": "node ./dist/scully/scully serve --tds --project=sampleBlog",

projects/scullyDocs/src/assets/scully-routes.json

@@ -4,13 +4,13 @@
   {
     "route": "/docs/CODE_OF_CONDUCT",
     "title": "Code of Conduct",
-    "order": 200,
+    "order": 900,
     "sourceFile": "CODE_OF_CONDUCT.md"
   },
   {
     "route": "/docs/getting-started",
     "title": "Getting Started",
-    "order": 100,
+    "order": 200,
     "sourceFile": "getting-started.md"
   },
   {"route": "/docs/getting-started_es", "sourceFile": "getting-started_es.md"},
@@ -21,7 +21,7 @@
   {
     "route": "/docs/pre-requisites",
     "subtitle": "Prerequisites",
-    "order": 101,
+    "order": 100,
     "sourceFile": "pre-requisites.md"
   },
   {"route": "/docs/recommended-plugins", "sourceFile": "recommended-plugins.md"},

projects/scullyDocs/src/docs/doc-page/doc-page.component.html

@@ -1 +1,7 @@
+<style>
+  ul {
+    list-style-position: inside;
+    padding-bottom: 16px;
+  }
+</style>
 <scully-content></scully-content>

projects/scullyDocs/src/docs/docs.component.html

@@ -2,12 +2,12 @@
   :host {
     display: grid;
     min-height: 100%;
-    grid-template-columns: 400px 1fr;
+    grid-template-columns: 400px 3fr 1fr;
     gap: 2rem;
   }
 </style>
 <app-left-menu [list]="docs$ | async"> </app-left-menu>
-
 <main>
   <router-outlet></router-outlet>
 </main>
+<div></div>

projects/scullyDocs/src/styles.css

@@ -298,8 +298,8 @@ pre {
   border-top: black solid 15px;
   overflow-x: auto;
   min-height: 100px;
-  padding: 16px;
-  margin: 24px 0 24px 0;
+  padding: 16px 35px 35px 20px;
+  margin: 35px 75px;
 }
 
 app-code > pre > code::before,