Fix Foundation Deprecations

* Foundation deprecated the `header-sizes` variable name with
  version `6.3`. The new name is `header-styles` and it uses a
  slightly different format.
* Fix a SASS depreation warning about extending from the compound
  selector `small.error`. This will be removed in a future version
  of SASS.
* Point to a previous version of Hipchat because version `1.6.0`
  broke the OAuth flow.

SEE: foundation/foundation-sites#9419
SEE: sass/sass#1599
SEE: hipchat/hipchat-rb#202

Author: jessedoyle

ama_styles.gemspec

@@ -62,7 +62,7 @@ Gem::Specification.new do |s|
   s.add_development_dependency 'rubocop', '0.49.1'
   s.add_development_dependency 'factory_girl'
   s.add_development_dependency 'colorize'
-  s.add_development_dependency 'hipchat'
+  s.add_development_dependency 'hipchat', '~> 1.5.4'
   s.add_development_dependency 'rake'
   s.add_development_dependency 'rest-client'
   s.add_development_dependency 'rest-client-jogger'

app/assets/stylesheets/_settings.scss

@@ -108,22 +108,22 @@ $header-font-family: $body-font-family;
 $header-font-weight: 700;
 $header-font-style: normal;
 $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
-$header-sizes: (
+$header-styles: (
   small: (
-    'h1': 20,
-    'h2': 20,
-    'h3': 19,
-    'h4': 18,
-    'h5': 17,
-    'h6': 16,
+    'h1': ('font-size': 20),
+    'h2': ('font-size': 20),
+    'h3': ('font-size': 19),
+    'h4': ('font-size': 18),
+    'h5': ('font-size': 17),
+    'h6': ('font-size': 16),
   ),
   medium: (
-    'h1': 20,
-    'h2': 20,
-    'h3': 18,
-    'h4': 16,
-    'h5': 14,
-    'h6': 12,
+    'h1': ('font-size': 20),
+    'h2': ('font-size': 20),
+    'h3': ('font-size': 18),
+    'h4': ('font-size': 16),
+    'h5': ('font-size': 14),
+    'h6': ('font-size': 12),
   ),
 );
 $header-color: inherit;

app/assets/stylesheets/layout_components/forms.scss

@@ -389,7 +389,12 @@ small.error{
 }
 
 .error__page-error{
-  @extend small.error;
+  display: block;
+  clear: both;
+  padding: 0.375rem 0.5625rem 0.5625rem;
+  font-size: $base-font-size;
+  background: $brand-red;
+  color: $white;
   margin-bottom: $base-margin;
 }
 

lib/ama/styles/version.rb

@@ -2,6 +2,6 @@
 
 module AMA
   module Styles
-    VERSION = '1.11.1'
+    VERSION = '1.11.2'
   end
 end