cronapp-framework-mobile-js/deprecated/components/css/tabs-color.css

Javascript library for CronApp's projects

/* white */

.tabs-striped.tabs-icon-white .tab-item {
    color: var(--white);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-white .tab-item.active, .tabs-striped.tabs-icon-white .tab-item.activated {
    color: var(--white);
    border-color: var(--white);
    opacity: 1;
}

/* gray */

.tabs-striped.tabs-icon-gray .tab-item {
    color: var(--gray);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-gray .tab-item.active, .tabs-striped.tabs-icon-gray .tab-item.activated {
    color: var(--gray);
    border-color: var(--gray);
    opacity: 1;
}

/* black */

.tabs-striped.tabs-icon-black .tab-item {
    color: var(--black);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-black .tab-item.active, .tabs-striped.tabs-icon-black .tab-item.activated {
    color: var(--black);
    border-color: var(--black);
    opacity: 1;
}

/* blue */

.tabs-striped.tabs-icon-blue .tab-item {
    color: var(--blue);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-blue .tab-item.active, .tabs-striped.tabs-icon-blue .tab-item.activated {
    color: var(--blue);
    border-color: var(--blue);
    opacity: 1;
}

.tabs-striped.tabs-icon-light-blue .tab-item {
    color: var(--light-blue);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-light-blue .tab-item.active, .tabs-striped.tabs-icon-light-blue .tab-item.activated {
    color: var(--light-blue);
    border-color: var(--light-blue);
    opacity: 1;
}

.tabs-striped.tabs-icon-dark-blue .tab-item {
    color: var(--dark-blue);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-dark-blue .tab-item.active, .tabs-striped.tabs-icon-dark-blue .tab-item.activated {
    color: var(--dark-blue);
    border-color: var(--dark-blue);
    opacity: 1;
}

/* purple */

.tabs-striped.tabs-icon-purple .tab-item {
    color: var(--purple);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-purple .tab-item.active, .tabs-striped.tabs-icon-purple .tab-item.activated {
    color: var(--purple);
    border-color: var(--purple);
    opacity: 1;
}

.tabs-striped.tabs-icon-light-purple .tab-item {
    color: var(--light-purple);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-light-purple .tab-item.active, .tabs-striped.tabs-icon-light-purple .tab-item.activated {
    color: var(--light-purple);
    border-color: var(--light-purple);
    opacity: 1;
}

.tabs-striped.tabs-icon-dark-purple .tab-item {
    color: var(--dark-purple);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-dark-purple .tab-item.active, .tabs-striped.tabs-icon-dark-purple .tab-item.activated {
    color: var(--dark-purple);
    border-color: var(--dark-purple);
    opacity: 1;
}

/* red */

.tabs-striped.tabs-icon-red .tab-item {
    color: var(--red);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-red .tab-item.active, .tabs-striped.tabs-icon-red .tab-item.activated {
    color: var(--red);
    border-color: var(--red);
    opacity: 1;
}

.tabs-striped.tabs-icon-light-red .tab-item {
    color: var(--light-red);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-light-red .tab-item.active, .tabs-striped.tabs-icon-light-red .tab-item.activated {
    color: var(--light-red);
    border-color: var(--light-red);
    opacity: 1;
}

.tabs-striped.tabs-icon-dark-red .tab-item {
    color: var(--dark-red);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-dark-red .tab-item.active, .tabs-striped.tabs-icon-dark-red .tab-item.activated {
    color: var(--dark-red);
    border-color: var(--dark-red);
    opacity: 1;
}

/* orange */

.tabs-striped.tabs-icon-orange .tab-item {
    color: var(--orange);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-orange .tab-item.active, .tabs-striped.tabs-icon-orange .tab-item.activated {
    color: var(--orange);
    border-color: var(--orange);
    opacity: 1;
}

.tabs-striped.tabs-icon-light-orange .tab-item {
    color: var(--light-orange);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-light-orange .tab-item.active, .tabs-striped.tabs-icon-light-orange .tab-item.activated {
    color: var(--light-orange);
    border-color: var(--light-orange);
    opacity: 1;
}

.tabs-striped.tabs-icon-dark-orange .tab-item {
    color: var(--dark-orange);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-dark-orange .tab-item.active, .tabs-striped.tabs-icon-dark-orange .tab-item.activated {
    color: var(--dark-orange);
    border-color: var(--dark-orange);
    opacity: 1;
}

/* yellow */

.tabs-striped.tabs-icon-yellow .tab-item {
    color: var(--yellow);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-yellow .tab-item.active, .tabs-striped.tabs-icon-yellow .tab-item.activated {
    color: var(--yellow);
    border-color: var(--yellow);
    opacity: 1;
}

.tabs-striped.tabs-icon-light-yellow .tab-item {
    color: var(--light-yellow);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-light-yellow .tab-item.active, .tabs-striped.tabs-icon-light-yellow .tab-item.activated {
    color: var(--light-yellow);
    border-color: var(--light-yellow);
    opacity: 1;
}

.tabs-striped.tabs-icon-dark-yellow .tab-item {
    color: var(--dark-yellow);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-dark-yellow .tab-item.active, .tabs-striped.tabs-icon-dark-yellow .tab-item.activated {
    color: var(--dark-yellow);
    border-color: var(--dark-yellow);
    opacity: 1;
}

/* Green */

.tabs-striped.tabs-icon-green .tab-item {
    color: var(--green);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-green .tab-item.active, .tabs-striped.tabs-icon-green .tab-item.activated {
    color: var(--green);
    border-color: var(--green);
    opacity: 1;
}

.tabs-striped.tabs-icon-light-green .tab-item {
    color: var(--light-green);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-light-green .tab-item.active, .tabs-striped.tabs-icon-light-green .tab-item.activated {
    color: var(--light-green);
    border-color: var(--light-green);
    opacity: 1;
}

.tabs-striped.tabs-icon-dark-green .tab-item {
    color: var(--dark-green);
    opacity: 0.5;
}

.tabs-striped.tabs-icon-dark-green .tab-item.active, .tabs-striped.tabs-icon-dark-green .tab-item.activated {
    color: var(--dark-green);
    border-color: var(--dark-green);
    opacity: 1;
}