UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

86 lines (70 loc) 2.41 kB
.Polaris-ProgressBar_17609{ --pc-progress-bar-height-base:1rem; --pc-progress-bar-height-small:calc(var(--pc-progress-bar-height-base)*0.5); --pc-progress-bar-height-large:calc(var(--pc-progress-bar-height-base)*2); --pc-progress-bar-duration: initial; --pc-progress-bar-percent: initial; overflow:hidden; width:100%; background-color:var(--pc-progress-bar-background); border-radius:var(--p-border-radius-100); } @media (forced-colors: active){ .Polaris-ProgressBar_17609{ border:var(--p-border-width-025) solid transparent; } } .Polaris-ProgressBar--sizeSmall_7647q{ height:var(--pc-progress-bar-height-small); } .Polaris-ProgressBar--sizeMedium_5f35p{ height:var(--pc-progress-bar-height-base); } .Polaris-ProgressBar--sizeLarge_61dxo{ height:var(--pc-progress-bar-height-large); } .Polaris-ProgressBar--toneHighlight_u7zt2{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-info); } .Polaris-ProgressBar--tonePrimary_8qyly{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-brand); } .Polaris-ProgressBar--toneSuccess_15hst{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-success); } .Polaris-ProgressBar--toneCritical_jv6uf{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-critical); } .Polaris-ProgressBar__Indicator_dw7mr{ height:inherit; background-color:var(--pc-progress-bar-indicator); transition:transform var(--pc-progress-bar-duration) var(--p-motion-ease); transform:scaleX(0); transform-origin:0 50%; } @media screen and (-ms-high-contrast: active){ .Polaris-ProgressBar__Indicator_dw7mr{ border:var(--pc-progress-bar-height-base) solid highlight; } } .Polaris-ProgressBar__IndicatorAppearActive_ziqta, .Polaris-ProgressBar__IndicatorAppearDone_10ohs{ transform:scaleX(var(--pc-progress-bar-percent)); } .Polaris-ProgressBar__Progress_ixe53, .Polaris-ProgressBar__Label_2vd36{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; }