{ "by_name": { "$progress-bar-background-color": { "name": "$progress-bar-background-color", "value": "$border-light", "type": "variable", "computed_type": "color", "computed_value": "hsl(0, 0%, 93%)" }, "$progress-value-background-color": { "name": "$progress-value-background-color", "value": "$text", "type": "variable", "computed_type": "color", "computed_value": "hsl(0, 0%, 29%)" }, "$progress-border-radius": { "name": "$progress-border-radius", "value": "$radius-rounded", "type": "variable", "computed_type": "size", "computed_value": "290486px" }, "$progress-indeterminate-duration": { "name": "$progress-indeterminate-duration", "value": "1.5s", "type": "string" }, "$progress-colors": { "name": "$progress-colors", "value": "$colors", "type": "variable", "computed_type": "function", "computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)" } }, "list": [ "$progress-bar-background-color", "$progress-value-background-color", "$progress-border-radius", "$progress-indeterminate-duration", "$progress-colors" ], "file_path": "elements/progress.sass" }