Update Sass architecture to require helper imports

- Restructuring file strucure to support single file components use of
Sass variables when imported into vuepress.
- Creating a scalable file structure using Sass best practices

Tested by building and testing both the vue web ui and the
the documentation application.

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3

1 files changed, 21 insertions, 0 deletions

diff --git a/src/assets/styles/vendor-overrides/bootstrap/_dropdown.scss b/src/assets/styles/vendor-overrides/bootstrap/_dropdown.scss
new file mode 100644
index 00000000..0eb310f6
--- /dev/null
+++ b/src/assets/styles/vendor-overrides/bootstrap/_dropdown.scss
@@ -0,0 +1,21 @@
+.dropdown-item {
+  padding-left: $spacer/2;
+}
+
+.b-dropdown-form {
+  padding: $spacer/2;
+  .form-group {
+    margin-bottom: $spacer/2;
+  }
+}
+
+.table-filter {
+  // Adding component style to global stylesheet because
+  // single-file component scoped styles aren't
+  // being applied to dynamically appended elements
+  // The overflow menu should be above the table
+  .dropdown-menu {
+    z-index: $zindex-dropdown + 1;
+    padding: 0;
+  }
+}
\ No newline at end of file