integralui-web-grid/styles/integralui.progressbar.style.js

IntegralUI Web - Grid is a native Web Component that displays tabular data sets

import { c as css } from '../external/lit-element.js';

const iuiProgressBarDefaultStyle = css`
    .iui-progressbar {
        background: var(--progressbar-background, white);
        border: var(--progressbar-border, thin solid #cecece);
        border-color:  var(--progressbar-border-color, #cecece);
        border-radius: var(--progressbar-border-radius, 1px);
        border-width: var(--progressbar-border-width, thin);
        color: var(--progressbar-color, black);
        cursor: var(--progressbar-cursor, default);
        display: var(--progressbar-display, block);
        float: var(--progressbar-float, none);
        height: var(--progressbar-height, auto);
        margin: var(--progressbar-margin, 0);
        opacity: var(--progressbar-opacity, 1);
        overflow: hidden;
        padding: var(--progressbar-padding, 2px);
        position: var(--progressbar-position, relative);
        width: var(--progressbar-width, auto);

        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .iui-progressbar-content
    {
        background: var(--progressbar-content-background, #bebebe);
        border-radius: var(--progressbar-content-border-radius, 3px);
        height: var(--progressbar-content-height, 12px);
    }


    /* Disabled State */
    .iui-progressbar-disabled div
    {
        opacity: var(--progressbar-disabled-opacity, 0.25);
        pointer-events: none;
    }
`;

export { iuiProgressBarDefaultStyle };