fix(static-input-font): update font size, weight, and color for ‘stat…

…ic input elements’
salesforce-ux · Aug 9, 2017 · ce7b275 · ce7b275
1 parent 01af2d6
commit ce7b275
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 5 deletions.
diff --git a/design-tokens/salesforce-skin/font-size.yml b/design-tokens/salesforce-skin/font-size.yml
@@ -9,3 +9,5 @@ global:
 props:
   FORM_LABEL_FONT_SIZE:
     value: '.75rem'
+  INPUT_STATIC_FONT_SIZE:
+    value: '0.875rem'
diff --git a/design-tokens/salesforce-skin/font-weight.yml b/design-tokens/salesforce-skin/font-weight.yml
@@ -9,7 +9,7 @@ global:
   - font-weight
 props:
   INPUT_STATIC_FONT_WEIGHT:
-    value: '600'
+    value: '400'
   TABS_FONT_WEIGHT:
     value: '700'
     comment: Use for active tab.

diff --git a/ui/components/input/base/_index.scss b/ui/components/input/base/_index.scss
@@ -270,6 +270,7 @@
   min-height: calc(#{$line-height-button} + 2px); // For IE
   font-size: $input-static-font-size;
   font-weight: $input-static-font-weight;
+  color: $color-input-static;
 
   // If read only state is longform
   // Apply text line height

diff --git a/ui/components/input/tokens/text-color.yml b/ui/components/input/tokens/text-color.yml
@@ -0,0 +1,12 @@
+global:
+  type: color
+  category: text-color
+  cssProperties:
+  - color
+  - fill
+imports:
+- ../../../../design-tokens/color-palettes.yml
+props:
+  COLOR_INPUT_STATIC: 
+    value: "{!PALETTE_GRAY_12}"
+
diff --git a/ui/components/panels/detail/_index.scss b/ui/components/panels/detail/_index.scss
@@ -38,8 +38,4 @@
   &.slds-is-editing {
     box-shadow: $shadow-drop-down;
   }
-
-  .slds-form-element__static {
-    font-weight: $font-weight-regular;
-  }
 }