Add customizable border radius to progressbar (#2224)

* Add customizable border radius to progressbar * Update variables
jgthms · May 17, 2019 · 99aeecc · 99aeecc
1 parent 3348a22
commit 99aeecc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/docs/_data/variables/elements/progress.json b/docs/_data/variables/elements/progress.json
@@ -18,12 +18,18 @@
       "name": "$progress-indeterminate-duration",
       "value": "1.5s",
       "type": "string"
+    },
+    "$progress-border-radius": {
+      "name": "$progress-border-radius",
+      "value": "$radius-rounded",
+      "type": "variable"
     }
   },
   "list": [
     "$progress-bar-background-color",
     "$progress-value-background-color",
-    "$progress-indeterminate-duration"
+    "$progress-indeterminate-duration",
+    "$progress-border-radius"
   ],
   "file_path": "elements/progress.sass"
 }
diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass
@@ -1,5 +1,6 @@
 $progress-bar-background-color: $border !default
 $progress-value-background-color: $text !default
+$progress-border-radius: $radius-rounded !default
 
 $progress-indeterminate-duration: 1.5s !default
 
@@ -8,7 +9,7 @@ $progress-indeterminate-duration: 1.5s !default
   -moz-appearance: none
   -webkit-appearance: none
   border: none
-  border-radius: $radius-rounded
+  border-radius: $progress-border-radius
   display: block
   height: $size-normal
   overflow: hidden