Add customizable border radius to progressbar (#2224)

* Add customizable border radius to progressbar

* Update variables
This commit is contained in:
ludovic landier 2019-05-17 12:52:34 +02:00 committed by Jeremy Thomas
parent 3348a22933
commit 99aeecce3c
2 changed files with 9 additions and 2 deletions

View File

@ -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"
}

View File

@ -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