Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 13:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add customizable border radius to progressbar (#2224)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/_data/variables/elements/progress.json
View File

@@ -18,12 +18,18 @@
"name": "$progress-indeterminate-duration", "name": "$progress-indeterminate-duration",
"value": "1.5s", "value": "1.5s",
"type": "string" "type": "string"
},
"$progress-border-radius": {
"name": "$progress-border-radius",
"value": "$radius-rounded",
"type": "variable"
} }
}, },
"list": [ "list": [
"$progress-bar-background-color", "$progress-bar-background-color",
"$progress-value-background-color", "$progress-value-background-color",
"$progress-indeterminate-duration" "$progress-indeterminate-duration",
"$progress-border-radius"
], ],
"file_path": "elements/progress.sass" "file_path": "elements/progress.sass"
} }

3
sass/elements/progress.sass
View File

@@ -1,5 +1,6 @@
$progress-bar-background-color: $border !default $progress-bar-background-color: $border !default
$progress-value-background-color: $text !default $progress-value-background-color: $text !default
$progress-border-radius: $radius-rounded !default
$progress-indeterminate-duration: 1.5s !default $progress-indeterminate-duration: 1.5s !default
@@ -8,7 +9,7 @@ $progress-indeterminate-duration: 1.5s !default
-moz-appearance: none -moz-appearance: none
-webkit-appearance: none -webkit-appearance: none
border: none border: none
border-radius: $radius-rounded border-radius: $progress-border-radius
display: block display: block
height: $size-normal height: $size-normal
overflow: hidden overflow: hidden