Create admin-base.scss for css that will also be used in the admin in…

…terface.

Looking at the current implementation in package.json regarding generating styles that are used in the admin interface, it is not very scalable or readable.

I suggest creating a admin-base css which will be included in the admin interface, and then import the necessary styles into that.

Currently, this should only be opening-hours-editor and material-search css. Wysiwyg is special and will stay the way it is.

Comment on whether you think this is fine or not.

DDFFORM-611

admin-base.scss

@@ -0,0 +1,6 @@
+@import "./src/styles/scss/tools";
+
+// CSS sheets that are used to style the admin interface.
+@import "./src/stories/Library/opening-hours-editor/opening-hours-editor";
+@import "./src/stories/Library/material-search/material-search";
+@import "./src/stories/Library/cover/cover";

base.scss

@@ -139,6 +139,7 @@
 @import "./src/stories/Library/opening-hours/opening-hours-skeleton";
 @import "./src/stories/Library/filtered-event-list/filtered-event-list";
 @import "./src/stories/Library/event-list-stacked/event-list-stacked";
+@import "./src/stories/Library/material-search/material-search";
 
 // Autosuggest block styling needs to be loaded before the rest of the scss for autosuggest
 @import "./src/stories/Blocks/autosuggest/autosuggest";

package.json

@@ -16,7 +16,7 @@
     "css:lint": "concurrently 'yarn:css:stylelint' 'yarn:css:prettier -- --check' --raw",
     "css:lint:watch": "chokidar 'src/**/*.scss' -c 'yarn css:lint'",
     "css:format": "concurrently 'yarn:css:stylelint -- --fix' 'yarn:css:prettier -- --write' --max-processes 1 --raw",
-    "css:build": "sass base.scss:src/styles/css/base.css wysiwyg.scss:src/styles/css/wysiwyg.css src/stories/Library/opening-hours-editor/opening-hours-editor.scss:src/styles/css/opening-hours-editor.css --style compressed",
+    "css:build": "sass base.scss:src/styles/css/base.css wysiwyg.scss:src/styles/css/wysiwyg.css admin-base.scss:src/styles/css/admin-base.css --style compressed",
     "css:watch": "yarn css:build -- --watch",
     "build": "concurrently 'yarn:css:build' --raw",
     "markdown:lint": "markdownlint-cli2",