styles test

Author: zoran995

buildprocess/webpack.config.js

@@ -142,6 +142,9 @@ module.exports = function (devMode) {
       modules: ["node_modules"]
     }
   };
+  config.resolve.alias["terriajs-variables"] = require.resolve(
+    "../lib/Styles/variables.scss"
+  );
 
   return configureWebpackForPlugins(
     configureWebpackForTerriaJS({

lib/Styles/variables.scss

@@ -1,33 +1,6 @@
-@use "~terriajs/lib/Sass/common/_variables.scss";
-
-// To customise the look of your map, uncomment and change values here and in lib/Views/global.scss
-/*
-
-// If your logo is big, set this to give it more room.
-//$logo-height: 120px;
-
-// If using a non-standard font, remember to include an @import statement in global.scss
-$font-base: 'Josefin Sans', sans-serif;
-$font-pop: $font-base; // If you just want to use one font throughout, do this.
-
-// These variables are for buttons and text.
-// "color-secondary" should be a lighter color than "color-primary" but still readable contrasted with white.
-$color-primary: maroon;
-$color-secondary: hsl(60,80%,60%); // or: lighten($color-primary, 20%);
-
-// These variables set background panel colors
-$dark: hsl(0,30%,30%);
-$dark-with-overlay: hsl(0,30%,30%);;
-$dark-lighter: hsl(0,30%,50%);
-
-// You might find it helpful to define these and use them.
-$color-primary-light:lighten($color-primary,10%);
-$color-primary-dark:darken($color-primary,10%);
-$dark-darker: hsl(0,30%,15%);
-*/
-
-$focus-border-light-color: variables.$text-light;
-$focus-border-dark-color: variables.$text-dark;
-$focus-border-width: 2px;
-$focus-border: solid $focus-border-width $focus-border-light-color;
-$focus-border-dark: solid $focus-border-width $focus-border-dark-color;
+@forward "~terriajs/lib/Sass/common/_variables.scss" with (
+  $dark: red,
+  $grey-lighter: blue,
+  $dark-lighter: green,
+  $text-dark: green
+);

package.json

@@ -76,7 +76,7 @@
     "semver": "^5.0.0",
     "style-loader": "^4.0.0",
     "svg-sprite-loader": "^6.0.11",
-    "terriajs": "8.8.0",
+    "terriajs": "8.9.0",
     "terriajs-cesium": "8.0.2",
     "terriajs-plugin-api": "0.0.1-alpha.16",
     "terriajs-plugin-sample": "0.0.1-alpha.7",