cronapp-framework-mobile-js/css/groupingOfCss/checkbox.css

Javascript library for CronApp's projects

.checkbox input[indeterminate="true"]:after, .checkbox-icon:after{
    -webkit-transition: opacity 0.05s ease-in-out;
    transition: opacity 0.05s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(0deg);
    position: absolute;
    top: 33%;
    left: 25%;
    display: table;
    width: 14px;
    height: 6px;
    border: 1px solid #fff;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    content: ' ';
    opacity: 1;
}

.checkbox input[indeterminate="true"]:not(:checked):before{
    background: var(--colorDefault40, #3b448e);
    border-color: var(--colorDefault40, #3b448e);
}

.checkbox-light input[indeterminate="true"]:not(:checked):before{
    background: var(--colorLight40, #ffffff);
    border-color: var(--colorLight40, #ffffff);
}

.checkbox-stable input[indeterminate="true"]:not(:checked):before{
    background: var(--colorStable40, #f8f8f8);
    border-color: var(--colorStable40, #f8f8f8);
}

.checkbox-positive input[indeterminate="true"]:not(:checked):before{
    background: var(--colorPrimary40, #387ef5);
    border-color: var(--colorPrimary40, #387ef5);
}

.checkbox-calm input[indeterminate="true"]:not(:checked):before{
    background: var(--colorCalm40, #11c1f3);
    border-color: var(--colorCalm40, #11c1f3);
}

.checkbox-assertive input[indeterminate="true"]:not(:checked):before{
    background: var(--colorDanger40, #ef473a);
    border-color: var(--colorDanger40, #ef473a);
}

.checkbox-balanced input[indeterminate="true"]:not(:checked):before{
    background: var(--colorSuccess40, #33cd5f);
    border-color: var(--colorSuccess40, #33cd5f);
}

.checkbox-energized input[indeterminate="true"]:not(:checked):before{
    background: var(--colorWarning40, #ffc900);
    border-color: var(--colorWarning40, #ffc900);
}

.checkbox-royal input[indeterminate="true"]:not(:checked):before{
    background: var(--colorRoyal40, #886aea);
    border-color: var(--colorRoyal40, #886aea);
}

.checkbox-dark input[indeterminate="true"]:not(:checked):before{
    background: var(--colorDark40, #444444);
    border-color: var(--colorDark40, #444444);
}

.checkbox-dark input[indeterminate="true"]:disabled:not(:checked):before{
    background: var(--colorDark20, #444444);
    border-color: var(--colorDark20, #444444);
}