Moving common colors and fonts to _vars

pastelsky · pastelsky · commit c20a9845e8d7 · 2016-11-26T19:10:16.000+05:30
diff --git a/components/navigation/search-style.scss b/components/navigation/search-style.scss
@@ -37,14 +37,14 @@
     color: getColor(dusty-grey);
 
     .algolia-docsearch-suggestion--highlight {
-      color: lighten(getColor(denim), 5%);
+      color: $text-color-highlight;
       box-shadow: none;
       font-weight: bold;
     }
   }
 
   .algolia-docsearch-suggestion--highlight {
-    color: lighten(getColor(denim), 5%);
+    color: $text-color-highlight;
     background: rgba(getColor(malibu), 0.15);
   }
 
diff --git a/components/sidebar-item/sidebar-item-style.scss b/components/sidebar-item/sidebar-item-style.scss
@@ -11,7 +11,7 @@
     color: inherit;
 
     &:hover {
-      color: lighten(getColor(denim), 5%);
+      color: $text-color-highlight;
     }
   }
 
@@ -61,7 +61,7 @@
     }
 
     .sidebar-item__title {
-      color: lighten(getColor(denim), 5%);
+      color: $text-color-highlight;
     }
 
     .sidebar-item__toggle {
diff --git a/styles/index.scss b/styles/index.scss
@@ -25,7 +25,7 @@ body {
 }
 
 a {
-  color: lighten(getColor(denim), 5%);
+  color: $text-color-highlight;
   text-decoration: none;
   transition: color 250ms;
 
@@ -37,7 +37,7 @@ a {
     color:lighten(getColor(dusty-grey), 10%);
 
     &:hover {
-      color: lighten(getColor(denim), 5%);
+      color: $text-color-highlight;
     }
   }
 
diff --git a/styles/markdown.scss b/styles/markdown.scss
@@ -16,7 +16,7 @@
   h6 { font-size: getFontSize(-1); }
 
   h1, h2, h3, h4, h5, h6 {
-    font-family: 'Geomanist';
+    font-family: $font-stack-heading;
     font-weight:600;
     line-height:1;
     margin:1.5em 0 0.25em;
diff --git a/styles/partials/_vars.scss b/styles/partials/_vars.scss
@@ -20,5 +20,8 @@ $screens: (
 );
 
 $font-stack-body: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+$font-stack-heading: Geomanist, sans-serif;
 $font-stack-code: 'Source Code Pro', Consolas, "Liberation Mono", Menlo, Courier, monospace;
 
+$text-color-highlight: lighten(map-get($colors, denim), 5%);
+

Original file line number	Diff line number	Diff line change
`@@ -37,14 +37,14 @@`
`37`	`37`	`color: getColor(dusty-grey);`
`38`	`38`
`39`	`39`	`.algolia-docsearch-suggestion--highlight {`
`40`		`- color: lighten(getColor(denim), 5%);`
	`40`	`+ color: $text-color-highlight;`
`41`	`41`	`box-shadow: none;`
`42`	`42`	`font-weight: bold;`
`43`	`43`	`}`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`.algolia-docsearch-suggestion--highlight {`
`47`		`- color: lighten(getColor(denim), 5%);`
	`47`	`+ color: $text-color-highlight;`
`48`	`48`	`background: rgba(getColor(malibu), 0.15);`
`49`	`49`	`}`
`50`	`50`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`color: inherit;`
`12`	`12`
`13`	`13`	`&:hover {`
`14`		`- color: lighten(getColor(denim), 5%);`
	`14`	`+ color: $text-color-highlight;`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`
`@@ -61,7 +61,7 @@`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`.sidebar-item__title {`
`64`		`- color: lighten(getColor(denim), 5%);`
	`64`	`+ color: $text-color-highlight;`
`65`	`65`	`}`
`66`	`66`
`67`	`67`	`.sidebar-item__toggle {`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ body {`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`a {`
`28`		`- color: lighten(getColor(denim), 5%);`
	`28`	`+ color: $text-color-highlight;`
`29`	`29`	`text-decoration: none;`
`30`	`30`	`transition: color 250ms;`
`31`	`31`
`@@ -37,7 +37,7 @@ a {`
`37`	`37`	`color:lighten(getColor(dusty-grey), 10%);`
`38`	`38`
`39`	`39`	`&:hover {`
`40`		`- color: lighten(getColor(denim), 5%);`
	`40`	`+ color: $text-color-highlight;`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`