From d07a293e803af7ac9b56d5bbe5ade447e0ab491d Mon Sep 17 00:00:00 2001
From: Ryan McLeod <ryanmcleod@gmail.com>
Date: Sun, 5 Apr 2015 23:37:17 -0700
Subject: [PATCH] Fix missing medium compatibility color

---
 app/assets/stylesheets/styles/_variables.scss                 | 4 ++--
 .../styles/components/crop_searches/_guide_result.css.scss    | 2 +-
 .../stylesheets/styles/components/guides/_guides.css.scss     | 2 +-
 .../stylesheets/styles/ui/_compatibility_circle.css.scss      | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/styles/_variables.scss b/app/assets/stylesheets/styles/_variables.scss
index db51988ef..07e923329 100644
--- a/app/assets/stylesheets/styles/_variables.scss
+++ b/app/assets/stylesheets/styles/_variables.scss
@@ -35,11 +35,11 @@ $openfarm-green-muted: #99b36c;
 $openfarm-blue-grey:   #eceff0;
 
 $compatibility-low-color:  #b23a2c;
-$compatibility-med-color:  #fbad2f;
+$compatibility-medium-color:  #fbad2f;
 $compatibility-high-color: #84c93f;
  /* Same color, just lighter (adjusted to appear perceptually equally lighter) */
 $compatibility-low-color-bg:  lighten($compatibility-low-color, 45%);
-$compatibility-med-color-bg:  lighten($compatibility-med-color, 35%);
+$compatibility-medium-color-bg:  lighten($compatibility-medium-color, 35%);
 $compatibility-high-color-bg: lighten($compatibility-high-color, 40%);
 
 /* Ceci, n'est pas un couleur */
diff --git a/app/assets/stylesheets/styles/components/crop_searches/_guide_result.css.scss b/app/assets/stylesheets/styles/components/crop_searches/_guide_result.css.scss
index f15a97f0a..b9767c52a 100644
--- a/app/assets/stylesheets/styles/components/crop_searches/_guide_result.css.scss
+++ b/app/assets/stylesheets/styles/components/crop_searches/_guide_result.css.scss
@@ -29,7 +29,7 @@
   }
 
   @include compatibility-color('compatibility-low', $compatibility-low-color);
-  @include compatibility-color('compatibility-med', $compatibility-med-color);
+  @include compatibility-color('compatibility-medium', $compatibility-medium-color);
   @include compatibility-color('compatibility-high', $compatibility-high-color);
 
   &:hover {
diff --git a/app/assets/stylesheets/styles/components/guides/_guides.css.scss b/app/assets/stylesheets/styles/components/guides/_guides.css.scss
index a6d3a93a1..891cbd503 100644
--- a/app/assets/stylesheets/styles/components/guides/_guides.css.scss
+++ b/app/assets/stylesheets/styles/components/guides/_guides.css.scss
@@ -401,7 +401,7 @@
         }
 
         &.medium {
-          background: $compatibility-med-color-bg;
+          background: $compatibility-medium-color-bg;
         }
 
         &.high {
diff --git a/app/assets/stylesheets/styles/ui/_compatibility_circle.css.scss b/app/assets/stylesheets/styles/ui/_compatibility_circle.css.scss
index 9ff202d4f..fe1c66724 100644
--- a/app/assets/stylesheets/styles/ui/_compatibility_circle.css.scss
+++ b/app/assets/stylesheets/styles/ui/_compatibility_circle.css.scss
@@ -30,6 +30,6 @@
   }
 
   @include compatibility-color('low', $compatibility-low-color);
-  @include compatibility-color('medium', $compatibility-med-color);
+  @include compatibility-color('medium', $compatibility-medium-color);
   @include compatibility-color('high', $compatibility-high-color);
 }