From 99aeecce3c546d904d70f0e819562a2f43466262 Mon Sep 17 00:00:00 2001 From: ludovic landier Date: Fri, 17 May 2019 12:52:34 +0200 Subject: [PATCH] Add customizable border radius to progressbar (#2224) * Add customizable border radius to progressbar * Update variables --- docs/_data/variables/elements/progress.json | 8 +++++++- sass/elements/progress.sass | 3 ++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/docs/_data/variables/elements/progress.json b/docs/_data/variables/elements/progress.json index a86d87700..1431c44ca 100644 --- 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" } \ No newline at end of file diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass index b263eebd9..89612f6c2 100644 --- 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 -- 2.47.2