Skip to content

Commit

Permalink
fix(static-input-font): update font size, weight, and color for ‘stat…
Browse files Browse the repository at this point in the history
…ic input elements’
  • Loading branch information
Jade Pennig committed Aug 9, 2017
1 parent 01af2d6 commit ce7b275
Show file tree
Hide file tree
Showing 5 changed files with 16 additions and 5 deletions.
2 changes: 2 additions & 0 deletions design-tokens/salesforce-skin/font-size.yml
Expand Up @@ -9,3 +9,5 @@ global:
props:
FORM_LABEL_FONT_SIZE:
value: '.75rem'
INPUT_STATIC_FONT_SIZE:
value: '0.875rem'
2 changes: 1 addition & 1 deletion design-tokens/salesforce-skin/font-weight.yml
Expand Up @@ -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.
Expand Down
1 change: 1 addition & 0 deletions ui/components/input/base/_index.scss
Expand Up @@ -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
Expand Down
12 changes: 12 additions & 0 deletions 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}"

4 changes: 0 additions & 4 deletions ui/components/panels/detail/_index.scss
Expand Up @@ -38,8 +38,4 @@
&.slds-is-editing {
box-shadow: $shadow-drop-down;
}

.slds-form-element__static {
font-weight: $font-weight-regular;
}
}

0 comments on commit ce7b275

Please sign in to comment.