Merged in feature/BKL-101 (pull request #72)

feature/BKL-101

Author: AndreasEngelmark

web/profiles/custom/os2loop/themes/os2loop_theme/assets/app.scss

@@ -4,10 +4,10 @@
 
 // Colors
 @import "colors.scss";
-@import "signifly-variables/colors.scss";
+@import "variables/colors.scss";
 
 // Variables
-@import "signifly-variables/variables.scss";
+@import "variables/sizes.scss";
 
 // Components
 @import "mixins.scss";
@@ -18,9 +18,9 @@
 @import "navbar.scss";
 @import "member-view.scss";
 @import "media-library.scss";
-@import "paragraphs/highlighted-content.scss";
-@import "paragraphs/text-and-image.scss";
-@import "paragraphs/info-block.scss";
+@import "components/paragraphs/highlighted-content.scss";
+@import "components/paragraphs/text-and-image.scss";
+@import "components/paragraphs/info-block.scss";
 @import "collapse.scss";
 @import "_user.scss";
 
@@ -60,9 +60,9 @@ img {
 	height: auto;
 }
 
-// Novataris components from Signifly redesign
+// redesign using boostrap overriding and a component-based approach
 @import "bootstrap-custom/bootstrap-custom-index.scss";
-@import "signifly-custom/custom-index.scss";
+@import "components/components-index.scss";
 
 // moved to end to load correctly
 @import "search.scss";

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/alert/alert.scss

@@ -1,4 +1,4 @@
-@import "../../signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 div.alert {
 	> h3,

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/badge/badge.scss

@@ -1,4 +1,4 @@
-@import "../../signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 $content-types-colors: (
 	"collection": $tag-blue,

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/button-group/button-group.scss

@@ -1,4 +1,4 @@
-@import "../../signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 .btn-group,
 .btn-group-sm {

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/button/button.scss

@@ -1,4 +1,4 @@
-@import "../../signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 .btn,
 .btn-lg {

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/dropdown/dropdown.scss

@@ -1,5 +1,5 @@
-@import "../../signifly-variables/colors.scss";
-@import "../../signifly-variables/variables.scss";
+@import "../../variables/colors.scss";
+@import "../../variables/sizes.scss";
 
 .navbar-nav .dropdown-menu {
 	margin-top: 0;

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/form-check/form-check-custom.scss

@@ -1,4 +1,4 @@
-@import "../..//signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 // extending custom checkbox containers
 // source: https://www.w3schools.com/bootstrap4/bootstrap_forms_custom.asp

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/form-control/form-control.scss

@@ -1,4 +1,4 @@
-@import "../../signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 // This "component" will contain all that has to do with inputfields, textareas and selectors.
 // This is due to all these fields being a sub-components of the form-group.

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/navbar/nav.scss

@@ -1,4 +1,4 @@
-@import "../../signifly-variables/colors.scss";
+@import "../../variables/colors.scss";
 
 .nav-item,
 li.nav-item {

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/navbar/navbar.scss

@@ -1,5 +1,5 @@
-@import "../..//signifly-variables/colors.scss";
-@import "../../signifly-variables/variables.scss";
+@import "../../variables/colors.scss";
+@import "../../variables/sizes.scss";
 
 .navbar {
 	.brand-logo {