Update sass build

content/redocly.yaml

@@ -20,7 +20,7 @@ theme:
       rel: stylesheet
     - href: https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,600,700&display=swap
       rel: stylesheet
-    - href: ./static/css/devportal2022-v25.css
+    - href: ./static/css/devportal2024-v1.css
       rel: stylesheet
     - href: ./static/css/font-awesome.min.css
       rel: stylesheet
@@ -97,4 +97,4 @@ theme:
   # openapi:
   # all openapi docs options
   # graphql:
-  # all graphql docs options
+  # all graphql docs options

package.json

@@ -5,12 +5,14 @@
   "type": "module",
   "description": "The XRP Ledger Dev Portal is the authoritative source for XRP Ledger documentation, including the `rippled` server, client libraries, and other open-source XRP Ledger software.",
   "scripts": {
+    "build-css": "sass --load-path styles/scss styles/xrpl.scss ./content/static/css/devportal2024-v1.css --style compressed --no-source-map",
+    "build-css-watch": "sass --recursive --watch  --load-path styles/scss styles/xrpl.scss ./outcontent/static/css/devportal2024-v1.css --style compressed --source-map true",
     "start": "portal develop -d content"
   },
   "keywords": [],
   "license": "MIT",
   "dependencies": {
-    "@redocly/portal": "^0.66.0",
+    "@redocly/portal": "^0.66.1",
     "clsx": "^2.0.0",
     "lottie-react": "^2.4.0",
     "moment": "^2.29.4",
@@ -21,6 +23,8 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "htmltojsx": "^0.3.0"
+    "htmltojsx": "^0.3.0",
+    "sass": "1.26.10",
+    "bootstrap": "^4.6.2"
   }
 }

styles/xrpl.scss

@@ -35,7 +35,7 @@ $base-size: 16px;
 $line-height-base: 1.5;
 
 // Bootstrap v4
-@import "node_modules/bootstrap/scss/bootstrap.scss";
+@import "../node_modules/bootstrap/scss/bootstrap.scss";
 
 // Import site styles
 @import "_font.scss";