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, 43 insertions, 0 deletions

diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
new file mode 100644
index 00000000..b9b8073b
--- /dev/null
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -0,0 +1,43 @@
+.btn {
+  font-weight: $headings-font-weight;
+  padding-top: $spacer / 2;
+  padding-right: $spacer;
+  padding-bottom: $spacer / 2;
+  padding-left: $spacer;
+
+  // Buttons with SVGs and text expect
+  // text to be wrapped in a span element
+  svg + span {
+    margin-left: $spacer / 4;
+  }
+}
+
+.btn-primary {
+  fill: currentColor;
+}
+
+.btn-secondary {
+  fill: currentColor;
+}
+
+.btn-link {
+  fill: $primary;
+  text-decoration: none !important;
+
+  &:focus {
+    box-shadow: $btn-focus-box-shadow;
+  }
+  &:hover {
+    fill: darken($primary, 15%);
+  }
+}
+
+.btn:disabled {
+  color: $gray-600;
+  fill: currentColor;
+
+  &:not(.btn-link) {
+    border-color: $gray-400;
+    background-color: $gray-400;
+  }
+}
\ No newline at end of file