Restructure Sass files

- Consolidate all bootstrap partials
- Combine all vendor overrides with BMC custom styles
- Updated paths for Vuepress docs

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1a9f68bdf90edae0d1e38f36ac670bf6426ec8a5

1 files changed, 63 insertions, 0 deletions

diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
new file mode 100644
index 00000000..b20feb0d
--- /dev/null
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -0,0 +1,63 @@
+.table {
+  position: relative;
+  z-index: $zindex-dropdown;
+
+  td {
+    border-top: 1px solid $gray-300;
+    border-bottom: 1px solid $gray-300;
+    &:first-of-type {
+      border-left: 1px solid $gray-300;
+    }
+    &:last-of-type {
+      border-right: 1px solid $gray-300;
+    }
+  }
+
+  // thead-light added for specificiy
+  .thead-light th {
+    border: none;
+    color: $dark;
+  }
+
+  .status-icon svg {
+    width: 1rem;
+    height: auto;
+  }
+
+  .b-table-has-details {
+    td {
+      border-bottom: none;
+    }
+    .table-row-expand svg {
+      transform: rotate(180deg);
+    }
+  }
+
+  .b-table-details {
+    background-color: $light;
+    td {
+      padding-left: calc(50px + (#{$table-cell-padding} * 2));
+    }
+    dl {
+      margin: 0;
+    }
+    dt {
+      display: inline-block;
+      margin-right: $spacer / 2;
+    }
+    dd {
+      display: inline-block;
+    }
+  }
+
+  .table-row-expand {
+    width: 50px;
+    .btn {
+      padding: 0;
+      width: 50px;
+    }
+    svg {
+      fill: $dark;
+    }
+  }
+}
\ No newline at end of file