Fix <meter> examples in docs and color palette

diff --git a/docs/pages/progress-bar.md b/docs/pages/progress-bar.md
index 81d5f1c04c479cfa445c18a921df71e6d75aec5c..73917c3d4c3b049f49f51fb946a8ad3f1966554a 100644 (file)
--- a/docs/pages/progress-bar.md
+++ b/docs/pages/progress-bar.md
@@ -103,13 +103,13 @@ For the *extra* adventurous developers out there, we also provide styles for the
 If you're using the Sass version of Foundation, add this line to your main Sass file to export the `<meter>` CSS:
 
 ```scss
-@import foundation-progress-element;
+@import foundation-meter-element;
 ```
 
 The meter automatically colors itself based on the current values, and the defined low, medium, and high ranges. [Learn more about the mechanics of `<meter>` values.](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/The_native_form_widgets#Meters_and_progress_bars)
 
 ```html_example
-<meter value="30" min="0" low="33" medium="66" optimum="100" max="100"></meter>
-<meter value="50" min="0" low="33" medium="66" optimum="100" max="100"></meter>
-<meter value="100" min="0" low="33" medium="66" optimum="100" max="100"></meter>
+<meter value="30" min="0" low="33" high="66" optimum="100" max="100"></meter>
+<meter value="50" min="0" low="33" high="66" optimum="100" max="100"></meter>
+<meter value="100" min="0" low="33" high="66" optimum="100" max="100"></meter>
 ```

diff --git a/scss/_global.scss b/scss/_global.scss
index 2eef7ce62c99ae3fe3c9971225c8bdc857775072..5a338f9f9e017587db4bc0833e9f4d1ae3abdf5c 100644 (file)
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -26,8 +26,8 @@ $foundation-palette: (
   primary: #2199e8,
   secondary: #777,
   success: #3adb76,
-  alert: #ffae00,
-  warning: #ec5840,
+  warning: #ffae00,
+  alert: #ec5840,
 ) !default;
 
 /// Color used for light gray UI items.