Closes #1197 - Make form labels visually distinguishable from descrip…

…tion text (#1252) Co-authored-by: mmunro-ltrr <[email protected]> Co-authored-by: Dana Hertzberg <[email protected]>
az-digital · Aug 9, 2024 · 0981f86 · 0981f86
1 parent 41b6da0
commit 0981f86
Show file tree

Hide file tree

Showing 9 changed files with 552 additions and 465 deletions.
diff --git a/dist/css/arizona-bootstrap.css b/dist/css/arizona-bootstrap.css
@@ -2679,13 +2679,16 @@ progress {
 }
 .form-label {
   margin-bottom: 0.5rem;
+  font-size: 1.125rem;
+  font-weight: 700;
 }
 
 .col-form-label {
   padding-top: calc(0.375rem + var(--bs-border-width));
   padding-bottom: calc(0.375rem + var(--bs-border-width));
   margin-bottom: 0;
   font-size: inherit;
+  font-weight: 700;
   line-height: 1.5;
 }
 
@@ -24853,4 +24856,16 @@ have been deprecated in Bootstrap 4.
   cursor: pointer;
 }
 
+.col-form-label {
+  font-size: 1.125rem;
+}
+
+.col-form-label-lg {
+  font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+  font-size: 0.875rem;
+}
+
 /*# sourceMappingURL=arizona-bootstrap.css.map */
diff --git a/dist/css/arizona-bootstrap.css.map b/dist/css/arizona-bootstrap.css.map
diff --git a/dist/css/arizona-bootstrap.min.css b/dist/css/arizona-bootstrap.min.css
diff --git a/dist/css/arizona-bootstrap.min.css.map b/dist/css/arizona-bootstrap.min.css.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/scss/_custom-variables.scss b/scss/_custom-variables.scss
@@ -248,6 +248,12 @@ $dropdown-link-active-bg: $white;
 $dropdown-link-active-color: $blue;
 $dropdown-link-disabled-color: $gray-600;
 
+// >> Forms
+// fusv-disable
+$form-label-font-size: 1.125rem;
+$form-label-font-weight: 700;
+// fusv-enable
+
 // >> Jumbotron
 $jumbotron-bg: $white;
 $jumbotron-padding: 2rem;

diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -0,0 +1,11 @@
+.col-form-label {
+  @include font-size($form-label-font-size);
+}
+
+.col-form-label-lg {
+  @include font-size($input-font-size-lg);
+}
+
+.col-form-label-sm {
+  @include font-size($input-font-size-sm);
+}
diff --git a/scss/arizona-bootstrap.scss b/scss/arizona-bootstrap.scss
@@ -88,3 +88,4 @@ $theme-colors: map-remove($theme-colors, "primary", "secondary");
 @import "carousel";
 @import "photo-gallery";
 @import "color-contrast";
+@import "forms";