update typography utilities to use color variables

broccolini · broccolini · commit 31c14f00d09b · 2017-06-12T18:01:57.000-04:00
diff --git a/packages/primer-utilities/lib/typography.scss b/packages/primer-utilities/lib/typography.scss
@@ -147,7 +147,7 @@
   margin-bottom: 30px;
   font-size: $h3-size;
   font-weight: $font-weight-light;
-  color: #555;
+  color: $gray-600;
 }
 
 // Line-height variations
@@ -208,9 +208,9 @@
 // Text Shadows
 /* Add a dark text shadow */
 .text-shadow-dark {
-  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 25px rgba(0, 0, 0, 0.75);
+  text-shadow: 0 1px 1px rgba($black, 0.25), 0 1px 25px rgba($black, 0.75);
 }
 /* Add a light text shadow */
 .text-shadow-light {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  text-shadow: 0 1px 0 rgba($white, 0.5);
 }

Original file line number	Diff line number	Diff line change
`@@ -147,7 +147,7 @@`
`147`	`147`	`margin-bottom: 30px;`
`148`	`148`	`font-size: $h3-size;`
`149`	`149`	`font-weight: $font-weight-light;`
`150`		`- color: #555;`
	`150`	`+ color: $gray-600;`
`151`	`151`	`}`
`152`	`152`
`153`	`153`	`// Line-height variations`
`@@ -208,9 +208,9 @@`
`208`	`208`	`// Text Shadows`
`209`	`209`	`/* Add a dark text shadow */`
`210`	`210`	`.text-shadow-dark {`
`211`		`- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 25px rgba(0, 0, 0, 0.75);`
	`211`	`+ text-shadow: 0 1px 1px rgba($black, 0.25), 0 1px 25px rgba($black, 0.75);`
`212`	`212`	`}`
`213`	`213`	`/* Add a light text shadow */`
`214`	`214`	`.text-shadow-light {`
`215`		`- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);`
	`215`	`+ text-shadow: 0 1px 0 rgba($white, 0.5);`
`216`	`216`	`}`