OBS-383: Replace LESS with native CSS (#6814)

* OBS-388: transpile LESS files to CSS

* OBS-389: replace transpile hard-code LESS vars with CSS custom properties

* OBS-391: Remove the LESS compiler and all associated code

.devcontainer/Dockerfile

@@ -51,7 +51,6 @@ RUN pip install --no-cache-dir --no-deps -r requirements.txt && \
 ENV PYTHONUNBUFFERED=1 \
     PYTHONDONTWRITEBYTECODE=1 \
     PYTHONPATH=/app \
-    LESS_BINARY=/webapp-frontend-deps/node_modules/.bin/lessc \
     UGLIFYJS_BINARY=/webapp-frontend-deps/node_modules/.bin/uglifyjs \
     CSSMIN_BINARY=/webapp-frontend-deps/node_modules/.bin/cssmin \
     NPM_ROOT_PATH=/webapp-frontend-deps/ \

GRAVEYARD.md

@@ -11,6 +11,10 @@ This document records interesting code that we've deleted for the sake of discov
 `bin/load_processed_crashes_into_es.py` which was used to backfill elasticsearch from crash storage
 when migrating to Google Cloud Platform.
 
+* [Removal PR](https://github.com/mozilla-services/socorro/pull/6814)
+
+`webapp/less_to_css.sh` which converts LESS files to CSS, with associated NPM script `"convert:less": "sh less_to_css.sh"`
+
 ## S3 and SQS support
 
 * [Removal PR](https://github.com/mozilla-services/socorro/pull/6669)

docker/Dockerfile

@@ -46,7 +46,6 @@ RUN pip install --no-cache-dir --no-deps -r requirements.txt && \
 ENV PYTHONUNBUFFERED=1 \
     PYTHONDONTWRITEBYTECODE=1 \
     PYTHONPATH=/app \
-    LESS_BINARY=/webapp-frontend-deps/node_modules/.bin/lessc \
     UGLIFYJS_BINARY=/webapp-frontend-deps/node_modules/.bin/uglifyjs \
     CSSMIN_BINARY=/webapp-frontend-deps/node_modules/.bin/cssmin \
     NPM_ROOT_PATH=/webapp-frontend-deps/ \

webapp/crashstats/api/static/api/css/documentation.css

@@ -0,0 +1,58 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+p.url {
+  margin: 15px;
+  font-size: 1.6em;
+}
+p.url code {
+  padding-left: 25px;
+}
+div.run-test {
+  text-align: right;
+  margin: 10px;
+}
+a.collapse-list,
+a.expand-list {
+  text-decoration: none;
+  font-weight: bold;
+  padding: 3px;
+}
+input.error {
+  border: 2px solid var(--red);
+}
+/* things that are hidden by default */
+div.test-drive,
+button.close,
+.status-error,
+img.loading-ajax,
+.binary-response-warning {
+  display: none;
+}
+.status-error {
+  color: var(--red);
+  font-weight: bold;
+}
+p.helptext {
+  background-color: #ffffff;
+  padding: 6px;
+}
+.title h2 a {
+  text-decoration: none;
+}
+p.required-permission {
+  float: right;
+  margin: 0;
+}
+/* These are the little widgets for boolean choices */
+form.testdrive td ul li {
+  display: inline;
+  margin-right: 10px;
+}
+.deprecation-warning {
+  font-weight: bold;
+  color: var(--orange);
+}
+p.deprecation-warning {
+  text-transform: uppercase;
+}