Adopt more Bootstrap v5 variables.

az-digital · Aug 8, 2024 · 4dd9e76 · 4dd9e76
1 parent 8667fff
commit 4dd9e76
Show file tree

Hide file tree

Showing 7 changed files with 366 additions and 347 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,15 +24856,16 @@ have been deprecated in Bootstrap 4.
   cursor: pointer;
 }
 
-form label:not(.form-check-label) {
-  font-size: 18px;
-  font-weight: 700;
+.col-form-label {
+  font-size: 1.125rem;
+}
+
+.col-form-label-lg {
+  font-size: 1.25rem;
 }
-form .custom-checkbox label,
-form .custom-radio label,
-form .custom-switch label {
-  font-size: initial;
-  font-weight: initial;
+
+.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
@@ -1,15 +1,11 @@
-form {
-  legend.col-form-label,
-  label:not(.form-check-label) {
-    font-size: 1.125rem;
-    font-weight: 700;
-  }
-  .custom-checkbox,
-  .custom-radio,
-  .custom-switch {
-    label {
-      font-size: initial;
-      font-weight: initial;
-    }
-  }
+.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);
 }