Fix portfolio hover to use primary color

Author: joshsamara

_includes/css/agency.css

@@ -368,10 +368,10 @@ section h3.section-subheading {
     width: 100%;
     height: 100%;
     opacity: 0;
-    background: rgba(254,209,54,.9);
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     transition: all ease .5s;
+    background: rgba({{ site.color.primary | hex_to_rgb | join: ',' }}, .9);
 }
 
 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {

_plugins/hex_to_rgb.rb

@@ -0,0 +1,32 @@
+# Simple hex conversion Liquid filter plugin
+#
+# Convert a string of hex values into an array of decimal values.
+#
+# Examples:
+#   {{ "aabbcc" | hex_to_rgb }}
+#   # => [170, 187, 204]
+#
+#   {{ "abc" | hex_to_rgb }}
+#   # => [170, 187, 204]
+#
+#   {{ "0a0b0c" | hex_to_rgb }}
+#   # => [10, 11, 12]
+#
+# hexval - string of valid hexidecimal characters
+#
+# Returns an array of decimal values for the parse hex characters
+#
+
+module Jekyll
+  module HexToRGB
+    def hex_to_rgb(hexval)
+      if hexval.length.even?
+        hexval.scan(/../).map {|color| color.to_i(16)}
+      else
+        hexval.scan(/./).map {|color| (color+color).to_i(16)}
+      end
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::HexToRGB)