Add new style guide to global button style

- Updated new style guide for Primary, Secondary and Link button variants
- Changed box-shadow style from outer to inside on focus and active state
- Updated font weight from bold to regular for normal buttons and font
weight bold for link button.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I38ca94baa9daec3fd03b830fc7b6d676fcce15b0

1 files changed, 17 insertions, 22 deletions

diff --git a/src/assets/styles/bmc/custom/_dropdown.scss b/src/assets/styles/bmc/custom/_dropdown.scss
index 1c3e48ba..e4de5816 100644
--- a/src/assets/styles/bmc/custom/_dropdown.scss
+++ b/src/assets/styles/bmc/custom/_dropdown.scss
@@ -1,35 +1,30 @@
+// Make calendar visible over the table
+.dropdown-menu {
+  z-index: $zindex-dropdown + 1;
+  padding: 0;
+}
 .dropdown-item {
   padding-left: $spacer/2;
 }
-
 .b-dropdown-form {
   padding: $spacer/2;
   .form-group {
     margin-bottom: $spacer/2;
   }
 }
-
-// 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
-
+// Table filter dropdown clear button style
 .table-filter {
-  .dropdown-menu {
-    z-index: $zindex-dropdown + 1;
-    padding: 0;
-    .dropdown-item {
-      &:hover {
-        background-color: gray("200");
-      }
-      &:active {
-        background-color: gray("300");
-      }
-      &:focus {
-        outline: none;
-        background-color: transparent;
-        box-shadow: inset 0 0 0 2px theme-color("primary");
-      }
+  .dropdown-item {
+    &:hover {
+      background-color: gray("200");
+    }
+    &:active {
+      background-color: gray("300");
+    }
+    &:focus {
+      outline: none;
+      background-color: transparent;
+      box-shadow: inset 0 0 0 2px theme-color("primary");
     }
   }
 }
\ No newline at end of file