condensed main scss file

Author: davidsklar99

pages/dev/test-site/checkin/+Page.client.ts

@@ -8,6 +8,7 @@ import "../main.styl";
 import { SETTINGS } from "@macrostrat-web/settings";
 import { DarkModeButton } from "@macrostrat/ui-components";
 import "./main.sass";
+import "@macrostrat/style-system";
 
 function imageExists(image_url){
     var http = new XMLHttpRequest();

pages/dev/test-site/checkin/main.sass

@@ -138,5 +138,5 @@ h4
 
 .dark-mode-button
   position: absolute
-  top: 0
-  left: 0
+  top: 10px
+  left: 10px

pages/dev/test-site/colors.scss

@@ -2,28 +2,6 @@
 @use "@blueprintjs/colors/lib/scss/colors" as *;
 
 $colors: (
-  secondary-color: $gray3,
-  tertiary-background: $light-gray5,
-  tertiary-color: $light-gray4,
-  tertiary-border-color: $gray5,
-  accent-color: $light-gray3,
-  accent-hover-color: $light-gray1,
-  accent-border-color: $gray5,
-  background-color: #fff,
-  panel-background-color: #fff,
-  panel-secondary-background-color: #f5f8fa,
-  translucent-panel-background-color: rgba(255, 255, 255, 0.8),
-  panel-rule-color: #ddd,
-  accent-secondary-color: #f5f8fa,
-  accent-secondary-hover-color: #ebf1f5,
-  ui-color-accent: rgb(252, 217, 250),
-  ui-color-accent-text: rgb(143, 39, 138),
-  box-horizontal-padding: 0.8em,
-  text-color: #333,
-  text-subtle-color: #444,
-  text-emphasized-color: #000,
-  card-shadow-color: rgba(17, 20, 24, 0.15),
-  error-text-color: #cd4246,
   img-color: invert(0),
   background: #fff,
   text: #333,
@@ -39,35 +17,6 @@ $accent: color.scale($dark-background, $lightness: 10%);
 $dark-text: $gray4;
 
 $dark-colors: (
-  text-emphasized-color: #fff,
-  text-color: $dark-text,
-  text-subtle-color: $gray3,
-  panel-background-color: $dark-background,
-  background-color: $dark-background,
-  panel-secondary-background-color:
-    color.scale($dark-background, $lightness: 5%),
-  translucent-panel-background-color:
-    color.change($dark-background, $alpha: 0.8),
-  accent-color: $accent,
-  // light gray 3,
-  accent-secondary-color: $accent,
-  accent-secondary-hover-color: color.adjust($accent, $lightness: 5%),
-  panel-rule-color: #404854,
-  secondary-color: $gray1,
-  // gray3,
-  tertiary-background: color.adjust($accent, $lightness: 4%),
-  // light gray 5,
-  tertiary-color: #383e47,
-  // light gray 4,
-  tertiary-border-color: #5f6b7c,
-  // gray 5,
-  accent-hover-color: color.adjust($accent, $lightness: 4%),
-  // light gray 1,
-  accent-border-color: #5f6b7c,
-  // gray5,
-  card-shadow-color: color.adjust($gray1, $alpha: 0.2),
-  ui-color-accent-text: rgb(252, 217, 250),
-  ui-color-accent: color.adjust(rgb(143, 39, 138), $lightness: -50%),
   img-color: invert(1),
   background: #141a1e,
   text: #fff,

pages/dev/test-site/explore/+Page.client.ts

@@ -18,6 +18,7 @@ import { tileserverDomain } from "@macrostrat-web/settings";
 import "../main.styl";
 import { createCheckins } from "../index";
 import "./main.sass";
+import "@macrostrat/style-system";
 
 let count = 0;