On progress bars, only output border-radius if necessary, and apply border radius...

diff --git a/scss/components/_progress-bar.scss b/scss/components/_progress-bar.scss
index 739b614a18635c08541811e1168ba4f8c4872469..e9c036cf7f014c8f9d45a93f285db5a48d5fef8a 100644 (file)
--- a/scss/components/_progress-bar.scss
+++ b/scss/components/_progress-bar.scss
@@ -41,7 +41,10 @@ $progress-radius: $global-radius !default;
   width: 0%;
   height: 100%;
   background-color: $progress-meter-background;
-  border-radius: $global-radius;
+
+  @if has-value($progress-radius) {
+    border-radius: $global-radius;
+  }
 }
 
 /// Adds styles for text in the progress meter.
@@ -55,6 +58,10 @@ $progress-radius: $global-radius !default;
   font-weight: bold;
   color: $white;
   white-space: nowrap;
+
+  @if has-value($progress-radius) {
+    border-radius: $progress-radius;
+  }
 }
 
 @mixin foundation-progress-bar {