fix: import db-ui/base only once

Author: annsch

source/css/_db-ui-core.variables.scss

@@ -3,11 +3,16 @@
 ***** */
 
 // Define the path for both image and font folders
-// $icons-path: "../../icons/" !default;
-// $images-path: "../../images/" !default;
-// $fonts-path: "../../fonts/" !default;
+$icons-path: "../../icons/" !default;
+$images-path: "../../images/" !default;
+$fonts-path: "../../fonts/" !default;
 
-// @import "@db-ui/base/build/scss/variables";
+// TODO change later and use db-ui/base bundle files
+
+@import "@db-ui/base/build/scss/variables";
+@import "@db-ui/base/build/scss/variables.global";
+// TODO change later, placeholders shouldn't be imported here
+@import "@db-ui/base/build/scss/color-placeholder";
 
 // General configurations
 $dbBaseFontSize: 16px;

source/css/db-ui-core.general.scss

@@ -2,23 +2,7 @@
 	This is mainly meant to get included within scoped components like e.g. within StencilJS Custom Components / DB UI Elements
 ***** */
 
-@import "db-ui-core.variables";
 @import "@csstools/normalize.css/normalize";
+@import "db-ui-core.variables";
 @import "../_patterns/00-base/init";
 @import "fonts.general";
-
-$icons-path: "../../icons/" !default;
-$images-path: "../../images/" !default;
-$fonts-path: "../../fonts/" !default;
-
-@import "@db-ui/base/build/scss/db-ui-base";
-
-/* TODO: We most likely need to rework this */
-body,
-div,
-button,
-input,
-select,
-textarea {
-	@extend %general-fonts;
-}

source/css/db-ui-core.vars.scss

@@ -9,9 +9,6 @@ $icons-path: "../icons/" !default;
 $images-path: "../images/" !default;
 $fonts-path: "../fonts/" !default;
 
-// General variables by DB UI Base
-@import "@db-ui/base/build/scss/variables";
-
 @import "../_patterns/00-base/icons/icons.variables";
 @import "../_patterns/00-base/icons/icons.font-faces";
 

source/css/enterprise/db-ui-core.demonstration.scss

@@ -1,10 +1,11 @@
 @charset "utf-8";
 
-@import "../helpers/functions";
-@import "../../_patterns/00-base/helpers";
-
 @import "db-ui-core.variables";
 
+@import "@db-ui/base/build/scss/typescale";
+
+@import "../../_patterns/00-base/helpers";
+
 @import "../../_patterns/00-base/init.demonstration";
 
 @import "../../_patterns/00-base/icons/icons.demonstration";
@@ -22,3 +23,7 @@
 @import "../../_patterns/02-components/table/enterprise/table.demonstration";
 @import "../../_patterns/03-areas/02-grid/enterprise/grid.demonstration";
 @import "../../_patterns/04-pages/enterprise/intro.demonstration";
+
+:root {
+	@extend %db-ui-functional;
+}

source/css/enterprise/db-ui-core.vars.scss

@@ -3,8 +3,6 @@ $icons-path: "../../icons/" !default;
 $images-path: "../../images/" !default;
 $fonts-path: "../../fonts/" !default;
 
-@import "@db-ui/base/build/scss/variables";
-
 @import "../../_patterns/00-base/colors/enterprise/colors";
 @import "../../_patterns/00-base/type/enterprise/fonts";
 @import "../../_patterns/00-base/icons/enterprise/icons.variables";

source/css/pattern-scaffolding-project-specific.scss

@@ -9,9 +9,9 @@ body,
 	font-family: $db-font-family-sans;
 }
 
-pl-header {
-	font-size: to-rem($pxValue: 15.49191);
-}
+// pl-header {
+// 	font-size: to-rem($pxValue: 15.49191);
+// }
 
 pl-logo {
 	align-self: flex-start !important; // shame.css