igniteui-webcomponents/components/progress/themes/linear/linear.progress.base.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes igc-indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes igc-indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes igc-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes igc-indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes igc-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes igc-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes igc-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igc-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igc-rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes igc-initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igc-initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes igc-initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--linear-animation-duration: 2000ms;--linear-strips-orientation: -45deg}:host(:dir(rtl)),:host([dir=rtl]){--linear-strips-orientation: 45deg}[part~=base]{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:var(--ig-font-family),serif;position:relative;width:100%;flex:1 1 100%}:host(:dir(rtl)[indeterminate]) [part~=track],:host([dir=rtl][indeterminate]) [part~=track]{transform:rotateY(180deg)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}[part~=track]{position:relative;width:inherit;overflow:hidden;z-index:0}[part~=fill]{width:calc(var(--_progress-whole, 0)*1%);transition:width var(--_transition-duration) linear;position:relative;height:100%}[part~=fill]:not([part~=indeterminate]){overflow:hidden;animation:igc-initial-width var(--_transition-duration) linear}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){transform:scale3d(0, 1, 1);animation:igc-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{animation:igc-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{animation:igc-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{animation:igc-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]{animation:igc-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer var(--_progress-integer, 0) progress-fraction var(--_progress-fraction, 0);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;display:block}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) "%"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) "." counter(progress-fraction, decimal-leading-zero) "%"}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{align-self:center}[part~=hidden]{display:none}`;
//# sourceMappingURL=linear.progress.base.css.js.map