fix setting of library prefix

Author: haschek

src/components/Application/_colors.scss

@@ -5,10 +5,10 @@
     @each $palette-group-name, $palette-group-tints in $eccgui-color-palette-light {
         @each $palette-tint-name, $palette-tint-colors in $palette-group-tints {
             @for $i from 1 through list.length($palette-tint-colors) {
-                #{eccgui-color-name($palette-group-name, $palette-tint-name, ($i * 2 - 1) * 100)}: #{list.nth(
-                        $palette-tint-colors,
-                        $i
-                    )};
+                $css-property-name: #{eccgui-color-name($palette-group-name, $palette-tint-name, ($i * 2 - 1) * 100)};
+                $css-property-value: #{list.nth($palette-tint-colors, $i)};
+
+                #{$css-property-name}: #{$css-property-value};
             }
         }
     }

src/configuration/_libprefix.scss

@@ -0,0 +1 @@
+$eccgui: "eccgui" !default;

src/configuration/_variables.scss

@@ -14,9 +14,6 @@
 @use "sass:math";
 @use "sass:map";
 @use "sass:list";
-
-$eccgui: "eccgui" !default;
-
 @import "palettes";
 
 // -- Configuration stack of colors --------------------------------------------

src/index.scss

@@ -1,3 +1,7 @@
+// == library prefix for variables and selectors ===============================
+
+@import "./configuration/libprefix";
+
 // == load helper functions ====================================================
 
 @import "./common/scss/color-functions";