Variables
These are all the component specific variables that can be used for customization.
Name | Value |
---|---|
@circle-border-color-error | @skin-error |
@circle-border-color-info | @skin-info |
@circle-border-color-success | @skin-success |
@circle-border-color-warning | @skin-warning |
@circle-border-color | @skin-gray-300 |
@circle-border-indicator-color | @skin-primary |
@circle-border-width | 0.2rem |
@circle-height | @space-24 |
@circle-width | @space-24 |
@circle-small-height | @space-16 |
@circle-small-width | @space-16 |
@circle-large-height | @space-48 |
@circle-large-width | @space-48 |
@progress-bar-timing-function | ease |
@progress-bar-transition-duration | 0.6s |
@progress-bar-transition-property | width |
@progress-linear-bg | @skin-gray-300 |
@progress-linear-duration | 1.2s |
@progress-linear-height | @space-4 |
@progress-linear-indicator-bg | @skin-primary |
@progress-linear-iteration-count | infinite |
@progress-linear-margin | 0 |
@progress-linear-timing-function | cubic-bezier(0.4, 0, 0.2, 1) |
@progress-linear-width | 100% |
@progress-linear-infinite-bg-error | @skin-error |
@progress-linear-infinite-bg-info | @skin-info |
@progress-linear-infinite-bg-success | @skin-success |
@progress-linear-infinite-bg-warning | @skin-warning |