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
diff --git a/src/assets/styles/_form-components.scss b/src/assets/styles/_form-components.scss
index 41b291b..7194d9e 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 aff3752..7328bb0 100644
--- a/src/assets/styles/_obmc-custom.scss
+++ b/src/assets/styles/_obmc-custom.scss
@@ -61,4 +61,5 @@
@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 0000000..39a4aaa
--- /dev/null
+++ b/src/assets/styles/_typography.scss
@@ -0,0 +1,7 @@
+dt,
+legend,
+label {
+ color: $gray-800;
+ font-size: 14px;
+ font-weight: 400;
+}