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