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

diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss
new file mode 100644
index 00000000..8d3ed9e4
--- /dev/null
+++ b/src/assets/styles/bmc/custom/_forms.scss
@@ -0,0 +1,56 @@
+.form-text {
+  margin-top: -$spacer / 4;
+  margin-bottom: $spacer / 2;
+  color: $gray-800;
+}
+
+.col-form-label {
+  color: $gray-800;
+  font-size: 14px;
+}
+
+.form-group {
+  margin-bottom: $spacer * 2;
+}
+
+.custom-select,
+.custom-control-label,
+.form-control {
+  //important needed to override validation colors on radio labels
+  color: $dark !important;
+  font-size: 16px;
+  border-color: $gray-400 !important;
+  &.is-invalid,
+  &:invalid {
+    border-bottom: 2px solid $danger !important;
+  }
+}
+
+.custom-control {
+  .custom-control-input[disabled=disabled] {
+    & + .custom-control-label {
+      // Disabled label for checkbox, radio,
+      // switch bootstrap form components
+      color: $gray-700!important;
+    }
+  }
+}
+
+.b-form-tag-remove {
+  // X button to remove tag
+  font-weight: normal;
+}
+
+.b-form-tags-button {
+  // Add button inside input field
+  white-space: nowrap;
+  margin-right: -$spacer;
+  &.btn-link-primary {
+    color: $primary;
+    fill: currentColor;
+  }
+}
+
+.form-background {
+  background-color: $container-bgd;
+}
\ No newline at end of file