integralui-web-grid/styles/integralui.rating.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 iuiRatingDefaultStyle = css`
    .iui-rating {
        background: var(--rating-background, white);
        border: var(--rating-border, thin solid #cecece);
        border-color:  var(--rating-border-color, #cecece);
        border-radius: var(--rating-border-radius, 1px);
        border-width: var(--rating-border-width, thin);
        color: var(--rating-color, black);
        cursor: var(--rating-cursor, default);
        display: var(--rating-display, block);
        float: var(--rating-float, none);
        height: var(--rating-height, 16px);
        margin: var(--rating-margin, 0);
        opacity: var(--rating-opacity, 1);
        overflow: hidden;
        padding: var(--rating-padding, 1px);
        position: var(--rating-position, relative);
        width: var(--rating-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-rating:focus {
        outline: none !important;
    }
    .iui-rating-content
    {
        background-image: var(--rating-content-image, url(../icons/star-empty.ico));
        background-repeat: repeat-x;
        height: var(--rating-content-image-height, 16px);
    }
    .iui-rating-value
    {
        background-image: var(--rating-value-image, url(../icons/star-full.ico));
        background-repeat: repeat-x;
        height: var(--rating-value-image-height, 16px);
    }


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

export { iuiRatingDefaultStyle };