Fixes #4769. Added a variable to control text-transform of small in form labels.

diff --git a/doc/includes/examples_sass_variables.html b/doc/includes/examples_sass_variables.html
index 2d1f05489d76ef4519f5818d20d08497e600e433..2e154e01f03b4d4fb8f2db45ca6388f22cbb3469 100644 (file)
--- a/doc/includes/examples_sass_variables.html
+++ b/doc/includes/examples_sass_variables.html
@@ -298,7 +298,9 @@ $form-spacing: rem-calc(16);
 $form-label-pointer: pointer;
 $form-label-font-size: rem-calc(14);
 $form-label-font-weight: 500;
+$form-label-line-height: 1.5;
 $form-label-font-color: scale-color(#000, $lightness: 30%);
+$form-label-small-transform: capitalize;
 $form-label-bottom-margin: rem-calc(3);
 $input-font-family: inherit;
 $input-font-color: rgba(0,0,0,0.75);

diff --git a/doc/includes/form/examples_form_variables.html b/doc/includes/form/examples_form_variables.html
index c7611e295423de5dbdcc8048577749226bfa8674..6d860836b3e661c74a3dd38c6f97d899f0a71f87 100644 (file)
--- a/doc/includes/form/examples_form_variables.html
+++ b/doc/includes/form/examples_form_variables.html
@@ -11,6 +11,7 @@ $form-label-font-size: rem-calc(14);
 $form-label-font-weight: 500;
 $form-label-line-height: 1.5;
 $form-label-font-color: scale-color(#000, $lightness: 30%);
+$form-label-small-transform: capitalize;
 $form-label-bottom-margin: 0;
 $input-font-family: inherit;
 $input-font-color: rgba(0,0,0,0.75);

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 4f6458df3d11d37c6ad69c592db4011536d250f6..eb5041552a0acd6846ffd55864283a6451fb5727 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -490,6 +490,7 @@
 // $form-label-font-weight: normal;
 // $form-label-line-height: 1.5;
 // $form-label-font-color: scale-color(#000, $lightness: 30%);
+// $form-label-small-transform: capitalize;
 // $form-label-bottom-margin: 0;
 // $input-font-family: inherit;
 // $input-font-color: rgba(0,0,0,0.75);

diff --git a/scss/foundation/components/_forms.scss b/scss/foundation/components/_forms.scss
index cd229375e0e46820f1f0d55b7d1b81a4cdba14b0..96afc77fedfcf5bf364fc947d3e6a490df6faac4 100644 (file)
--- a/scss/foundation/components/_forms.scss
+++ b/scss/foundation/components/_forms.scss
@@ -19,6 +19,7 @@ $form-label-font-size: rem-calc(14) !default;
 $form-label-font-weight: normal !default;
 $form-label-line-height: 1.5 !default;
 $form-label-font-color: scale-color(#000, $lightness: 30%) !default;
+$form-label-small-transform: capitalize !default;
 $form-label-bottom-margin: 0 !default;
 $input-font-family: inherit !default;
 $input-font-color: rgba(0,0,0,0.75) !default;
@@ -315,7 +316,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
       &.inline { @include form-label(inline,false); }
       /* Styles for required inputs */
       small {
-        text-transform: capitalize;
+        text-transform: $form-label-small-transform;
         color: scale-color($form-label-font-color, $lightness: 15%);
       }
     }
@@ -390,7 +391,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
         @include radius($input-border-radius);
       }
     }
-    
+
     /* Respect enforced amount of rows for textarea */
     textarea[rows] {
       height: auto;
@@ -467,7 +468,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
           color: scale-color($form-label-font-color, $lightness: 15%);
           background: transparent;
           padding: 0;
-          text-transform: capitalize;
+          text-transform: $form-label-small-transform;
           font-style: normal;
           font-size: 60%;
           margin: 0;