From 8048c9a0c469f04cacc8a777416a707540de90f8 Mon Sep 17 00:00:00 2001
From: Dixsie Wolmers <dixsie@ibm.com>
Date: Wed, 19 Feb 2020 18:39:31 -0600
Subject: Update label and definition list style

Added typography.scss to override label and definition
styles to have a consistent label pattern

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I44580093436c3c1e7e550ab63da214ffd2432c36
---
 src/assets/styles/_form-components.scss | 9 +++++----
 src/assets/styles/_obmc-custom.scss     | 3 ++-
 src/assets/styles/_typography.scss      | 7 +++++++
 3 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/styles/_typography.scss

(limited to 'src')

diff --git a/src/assets/styles/_form-components.scss b/src/assets/styles/_form-components.scss
index 41b291b2..7194d9e8 100644
--- a/src/assets/styles/_form-components.scss
+++ b/src/assets/styles/_form-components.scss
@@ -17,13 +17,14 @@
 .custom-control-label,
 .form-control {
   //important needed to override validation colors on radio labels
-  color: $gray-900!important;
-  border-color: $gray-400!important;
+  color: $gray-900 !important;
+  font-size: 16px;
+  border-color: $gray-400 !important;
   &::before {
     border-color: $primary;
   }
   &.is-invalid,
   &:invalid {
-    border-bottom: 2px solid $danger!important;
+    border-bottom: 2px solid $danger !important;
   }
-}
\ No newline at end of file
+}
diff --git a/src/assets/styles/_obmc-custom.scss b/src/assets/styles/_obmc-custom.scss
index aff37529..7328bb05 100644
--- a/src/assets/styles/_obmc-custom.scss
+++ b/src/assets/styles/_obmc-custom.scss
@@ -61,4 +61,5 @@ $colors: map-remove($theme-colors, "light", "dark");
 @import "./form-components";
 @import "./modal";
 @import "./table";
-@import "./toast";
\ No newline at end of file
+@import "./toast";
+@import "./typography";
\ No newline at end of file
diff --git a/src/assets/styles/_typography.scss b/src/assets/styles/_typography.scss
new file mode 100644
index 00000000..39a4aaa7
--- /dev/null
+++ b/src/assets/styles/_typography.scss
@@ -0,0 +1,7 @@
+dt,
+legend,
+label {
+  color: $gray-800;
+  font-size: 14px;
+  font-weight: 400;
+}
-- 
cgit v1.2.3