cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
81 lines (70 loc) • 1.74 kB
CSS
button,
.button,
.button.button-outline {
border-style: solid;
border-width: 0 1px 4px 1px;
}
.button.button-outline {
border-width: 1px 1px 4px 1px;
}
/* Theme default */
.button.button-default,
.button.button-default:active,
.button.button-default.active,
.button.button-default.activated {
border-color: var(--colorDefault50, #0f6788);
}
/* Positive */
.button.button-positive,
.button.button-positive:active,
.button.button-positive.activated {
border-color: var(--colorPrimary50, #b0b0b0);
}
/* Calm */
.button.button-calm,
.button.button-calm:active,
.button.button-calm.activated {
border-color: var(--colorCalm50, #5694ac);
}
/* Assertive */
.button.button-assertive,
.button.button-assertive:active,
.button.button-assertive.activated {
border-color: var(--colorDanger50, #bb3028);
}
/* Energized */
.button.button-energized,
.button.button-energized:active,
.button.button-energized.activated {
border-color: var(--colorWarning50, #bb6114);
}
/* Balanced */
.button.button-balanced,
.button.button-balanced:active,
.button.button-balanced.activated {
border-color: var(--colorSuccess50, #1d8520);
}
/* Royal */
.button.button-royal,
.button.button-royal:active,
.button.button-royal.activated {
border-color: var(--colorRoyal50, #644eab);
}
/* Light */
.button.button-light,
.button.button-light:active,
.button.button-light.activated {
border-color: var(--colorLight50, #b4b4b4);
}
/* Stable */
.button.button-stable,
.button.button-stable:active,
.button.button-stable.activated {
border-color: var(--colorStable50, #b6b6b6);
}
/* Dark */
.button.button-dark,
.button.button-dark:active,
.button.button-dark.activated {
border-color: var(--colorDark50, #3e3e3e);
}