cronapp-framework-js/css/themes/custom/dsgov/color-dsgov.css

Javascript library for CronApp's projects

.option-default:hover .k-radio-label:before,
.checkbox-default:hover .k-checkbox-label:before {
    background: var(--colorDefault10, #d6daeb);
}

.option-primary:hover .k-radio-label:before,
.checkbox-primary:hover .k-checkbox-label:before {
    background: var(--colorPrimary10, #d6daeb);
}

.option-success:hover .k-radio-label:before,
.checkbox-success:hover .k-checkbox-label:before {
    background: var(--colorSuccess10, #d6e2d6);
}

.option-info:hover .k-radio-label:before,
.checkbox-info:hover .k-checkbox-label:before {
    background: var(--colorCalm10, #d6dbf1);
}

.option-warning:hover .k-radio-label:before,
.checkbox-warning:hover .k-checkbox-label:before {
    background: var(--colorWarning10, #fff1d5);
}

.option-danger:hover .k-radio-label:before,
.checkbox-danger:hover .k-checkbox-label:before {
    background: var(--colorDanger10, #f7d6d5);
}

.option-light:hover .k-radio-label:before,
.checkbox-light:hover .k-checkbox-label:before {
    background: var(--colorLight50, #f5f5f5);
}

.option-stable:hover .k-radio-label:before,
.checkbox-stable:hover .k-checkbox-label:before {
    background: var(--colorStable50, #fdfdfd);
}

.option-royal:hover .k-radio-label:before,
.checkbox-royal:hover .k-checkbox-label:before {
    background: var(--colorRoyal10, #e2ddf9);
}

.option-dark:hover .k-radio-label:before,
.checkbox-dark:hover .k-checkbox-label:before {
    background: var(--colorDark10, #d9d9d9);
}

/* light */
.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
.checkbox-light .k-checkbox-label:hover:before,
.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-light .k-checkbox-label:active:before,
.checkbox-light .k-checkbox:active+.k-checkbox-label:before,
.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
.checkbox-light .k-checkbox-label:before {
    border-color: var(--colorLight60, #ffffff);
}

.checkbox-light .k-checkbox-label:hover:before,
.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
.checkbox-light .k-checkbox:hover+.k-checkbox-label:before {
    box-shadow: 0 0 5px 0 var(--colorLight70, #dfdfdf);
}

.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
    color: var(--textColorLight40, #444444);
}

/* Stable */
.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
.checkbox-stable .k-checkbox-label:hover:before,
.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-stable .k-checkbox-label:active:before,
.checkbox-stable .k-checkbox:active+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
.checkbox-stable .k-checkbox-label:before {
    border-color: var(--colorStable60, #f8f8f8);
}

.checkbox-stable .k-checkbox-label:hover:before,
.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
    box-shadow: 0 0 5px 0 var(--colorStable70, #d9d9d9);
}

.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
    color: var(--textColorStable40, #ffffff);
}

.k-checkbox:checked+.k-checkbox-label:before,
.k-checkbox:indeterminate+.k-checkbox-label:before,
.k-checkbox:checked+.k-checkbox-label:after,
.k-checkbox:indeterminate+.k-checkbox-label:after {
    background: var(--backgroundColor40);
}

.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before,
.checkbox-white .k-checkbox-label:hover:before,
.checkbox-white .k-checkbox:checked+.k-checkbox-label:hover:before,
.checkbox-white .k-checkbox:checked:hover+.k-checkbox-label:before,
.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-white .k-checkbox-label:active:before,
.checkbox-white .k-checkbox:active+.k-checkbox-label:before,
.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,
.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,
.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after,
.checkbox-white .k-checkbox-label:before {
    border-color: var(--white_focus_hover, #ffffff);
}