Merge pull request #110 from npm/medium-emphasis

feat(typography): adds a `.em-medium` class
pivotal-cf · Apr 7, 2016 · 0c9f7fe · 0c9f7fe
2 parents 4b3e910 + 0892f0c
commit 0c9f7fe
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/pivotal-ui/components/pui-variables.scss b/src/pivotal-ui/components/pui-variables.scss
@@ -332,6 +332,7 @@ $font-size-extra-small:   12px;
 
 $font-weight-em-low:      300;
 $font-weight-em-default:  400;
+$font-weight-em-medium:   600;
 $font-weight-em-high:     700;
 $font-weight-em-max:      800;
 

diff --git a/src/pivotal-ui/components/typography/package.json b/src/pivotal-ui/components/typography/package.json
@@ -4,5 +4,5 @@
     "@npmcorp/pui-css-bootstrap": "^2.0.0",
     "font-awesome": "^4.4.0"
   },
-  "version": "4.0.0"
+  "version": "4.1.0"
 }
diff --git a/src/pivotal-ui/components/typography/typography.scss b/src/pivotal-ui/components/typography/typography.scss
@@ -212,6 +212,8 @@ Here's a table of all the emphasis modifier classes.
 
 <h1 class="em-default">Default emphasis</h1>
 
+<h1 class="em-medium">Medium emphasis</h1>
+
 <h1 class="em-high">High emphasis</h1>
 
 <h1 class="em-max">Maximum emphasis</h1>
@@ -223,6 +225,7 @@ Here's a table of all the emphasis modifier classes.
 
 .em-low { font-weight: $font-weight-em-low !important; }
 .em-default { font-weight: $font-weight-em-default !important; }
+.em-medium { font-weight: $font-weight-em-medium !important; }
 .em-high { font-weight: $font-weight-em-high !important; }
 .em-max { font-weight: $font-weight-em-max !important; }
 .em-alt { text-transform: uppercase !important; }