cronapp-framework-mobile-js/dist/css/themes/custom/simplex/button-simplex.css

Javascript library for CronApp's projects

button,.button{background:var(--colorDefault40,#474949);text-align:center;color:var(--textColorDefault40,#fff);border:1px solid}.button span{font-weight:400}.button span,.button i{color:var(--textColorDefault40,#fff)}.button.button-outline span,.button.button-outline i{color:var(--colorDefault40,#2fa4e7)}.button.button-outline{border:1px solid}.button.button-default{background:linear-gradient(var(--colorDefault40,#474949),var(--colorDefault40,#474949) 6%,var(--colorDefault50,#3e4040));border-color:var(--colorDefault60,#343535)}.button.button-default span,.button.button-default i{color:var(--textColorDefault40,#fff)}.button.button-default:active,.button.button-default.active,.button.button-default.activated{background:var(--colorDefault60,#343535)}.button.button-default:active i,.button.button-default:active span,.button.button-default.activated i,.button.button-default.activated span{color:var(--textColorDefault40,#fff)}.button.button-default.button-outline{border-color:var(--colorDefault40,#474949);background:transparent}.button.button-default.button-outline span,.button.button-default.button-outline i{color:var(--colorDefault40,#474949)}.button.button-default.button-outline:active,.button.button-default.button-outline.activated{background:var(--colorDefault40,#474949)}.button.button-default.button-outline:active span,.button.button-default.button-outline.activated span,.button.button-default.button-outline:active i,.button.button-default.button-outline.activated i{color:var(--textColorDefault40,#fff)}.button.button-positive{background:linear-gradient(var(--colorPrimary40,#d9230f),var(--colorPrimary40,#d9230f),var(--colorPrimary50,#be1f0d));border-color:var(--colorPrimary50,#be1f0d)}.button.button-positive span,.button.button-positive i{color:var(--textColorPrimary40,#fff)}.button.button-positive:active,.button.button-positive.activated{background:var(--colorPrimary60,#9f1a0b)}.button.button-positive:active i,.button.button-positive:active span,.button.button-positive.activated i,.button.button-positive.activated span{color:var(--textColorPrimary60,#fff)}.button.button-positive.button-outline{border-color:var(--colorPrimary40,#d9230f)}.button.button-positive.button-outline span,.button.button-positive.button-outline i{color:var(--colorPrimary40,#d9230f)}.button.button-positive.button-outline:active,.button.button-positive.button-outline.activated{background:var(--colorPrimary40,#d9230f)}.button.button-positive.button-outline:active span,.button.button-positive.button-outline.activated span,.button.button-positive.button-outline:active i,.button.button-positive.button-outline.activated i{color:var(--textColorPrimary40,#fff)}.button.button-calm{background:linear-gradient(var(--colorCalm40,#029acf),var(--colorCalm40,#029acf),var(--colorCalm50,#0287b5));border-color:var(--colorCalm40,#029acf)}.button.button-calm span,.button.button-calm i{color:var(--textColorCalm40,#fff)}.button.button-calm:active,.button.button-calm.activated{background:var(--colorCalm60,#017198)}.button.button-calm:active i,.button.button-calm:active span,.button.button-calm.activated i,.button.button-calm.activated span{color:var(--textColorCalm60,#fff)}.button.button-calm.button-outline{border-color:var(--colorCalm40,#029acf)}.button.button-calm.button-outline span,.button.button-calm.button-outline i{color:var(--colorCalm40,#029acf)}.button.button-calm.button-outline:active,.button.button-calm.button-outline.activated{background:var(--colorCalm40,#029acf)}.button.button-calm.button-outline:active span,.button.button-calm.button-outline.activated span,.button.button-calm.button-outline:active i,.button.button-calm.button-outline.activated i{color:var(--textColorCalm40,#fff)}.button.button-assertive{background:linear-gradient(var(--colorDanger40,#d9831f),var(--colorDanger40,#d9831f),var(--colorDanger50,#be731b));border-color:var(--colorDanger50,#be731b)}.button.button-assertive span,.button.button-assertive i{color:var(--textColorDanger40,#fff)}.button.button-assertive:active,.button.button-assertive.activated{background:var(--colorDanger60,#9f6017)}.button.button-assertive:active i,.button.button-assertive:active span,.button.button-assertive.activated i,.button.button-assertive.activated span{color:var(--textColorDanger60,#fff)}.button.button-assertive.button-outline{border-color:var(--colorDanger40,#d9831f)}.button.button-assertive.button-outline span,.button.button-assertive.button-outline i{color:var(--colorDanger40,#d9831f)}.button.button-assertive.button-outline:active,.button.button-assertive.button-outline.activated{background:var(--colorDanger40,#d9831f)}.button.button-assertive.button-outline:active span,.button.button-assertive.button-outline.activated span,.button.button-assertive.button-outline:active i,.button.button-assertive.button-outline.activated i{color:var(--textColorDanger40,#fff)}.button.button-energized{background:linear-gradient(var(--colorWarning40,#9b479f),var(--colorWarning40,#9b479f),var(--colorWarning50,#883e8b));border:1px solid var(--colorWarning40,#9b479f)}.button.button-energized span,.button.button-energized i{color:var(--textColorWarning40,#fff)}.button.button-energized:active,.button.button-energized.activated{background:var(--colorWarning60,#723474)}.button.button-energized:active i,.button.button-energized:active span,.button.button-energized.activated i,.button.button-energized.activated span{color:var(--textColorWarning60,#fff)}.button.button-energized.button-outline{border-color:var(--colorWarning40,#9b479f)}.button.button-energized.button-outline span,.button.button-energized.button-outline i{color:var(--colorWarning40,#9b479f)}.button.button-energized.button-outline:active,.button.button-energized.button-outline.activated{background:var(--colorWarning40,#9b479f)}.button.button-energized.button-outline:active span,.button.button-energized.button-outline.activated span,.button.button-energized.button-outline:active i,.button.button-energized.button-outline.activated i{color:var(--textColorWarning40,#fff)}.button.button-balanced{background:linear-gradient(var(--colorSuccess40,#469408),var(--colorSuccess40,#469408),var(--colorSuccess50,#3d8207));border-color:var(--colorSuccess40,#469408)}.button.button-balanced span,.button.button-balanced i{color:var(--textColorSuccess40,#fff)}.button.button-balanced:active,.button.button-balanced.activated{background:var(--colorSuccess60,#547b2a)}.button.button-balanced:active i,.button.button-balanced:active span,.button.button-balanced.activated i,.button.button-balanced.activated span{color:var(--textColorSuccess60,#fff)}.button.button-balanced.button-outline{border-color:var(--colorSuccess40,#469408)}.button.button-balanced.button-outline span,.button.button-balanced.button-outline i{color:var(--colorSuccess40,#469408)}.button.button-balanced.button-outline:active,.button.button-balanced.button-outline.activated{background:var(--colorSuccess40,#469408)}.button.button-balanced.button-outline:active span,.button.button-balanced.button-outline.activated span,.button.button-balanced.button-outline:active i,.button.button-balanced.button-outline.activated i{color:var(--textColorSuccess40,#fff)}.button.button-royal{background:linear-gradient(var(--colorRoyal40,#9b479f),var(--colorRoyal40,#9b479f),var(--colorRoyal50,#883e8b));border-color:var(--colorRoyal40,#9b479f)}.button.button-royal span,.button.button-royal i{color:var(--textColorRoyal40,#fff)}.button.button-royal:active,.button.button-royal.activated{background:var(--colorRoyal60,#644eab)}.button.button-royal:active i,.button.button-royal:active span,.button.button-royal.activated i,.button.button-royal.activated span{color:var(--textColorRoyal60,#fff)}.button.button-royal.button-outline{border-color:var(--colorRoyal40,#886aea)}.button.button-royal.button-outline span,.button.button-royal.button-outline i{color:var(--colorRoyal40,#886aea)}.button.button-royal.button-outline:active,.button.button-royal.button-outline.activated{background:var(--colorRoyal40,#886aea)}.button.button-royal.button-outline:active span,.button.button-royal.button-outline.activated span,.button.button-royal.button-outline:active i,.button.button-royal.button-outline.activated i{color:var(--textColorRoyal40,#fff)}.button.button-light{background:linear-gradient(var(--colorLight30,#fff),var(--colorLight40,#fff) 6%,var(--colorLight50,#dfdfdf));border-color:var(--colorLight50,#dfdfdf)}.button.button-light span,.button.button-light i{color:var(--textColorLight40,#000)}.button.button-light:active,.button.button-light.activated{background:var(--colorLight60,#bbb);color:var(--textColorLight60,#aeaeae)}.button.button-light.button-outline{border-color:var(--colorLight40,#fff)}.button.button-light.button-outline span,.button.button-light.button-outline i{color:var(--colorLight40,#fff)}.button.button-light.button-outline:active,.button.button-light.button-outline.activated{background:var(--colorLight40,#fff)}.button.button-light.button-outline:active span,.button.button-light.button-outline.activated span,.button.button-light.button-outline:active i,.button.button-light.button-outline.activated i{color:var(--textColorLight40,#000)}.button.button-stable{background:linear-gradient(var(--colorStable40,#f8f8f8),var(--colorStable40,#f8f8f8),var(--colorStable50,#d9d9d9));border-color:var(--colorStable40,#f8f8f8)}.button.button-stable span,.button.button-stable i{color:var(--textColorStable40,#444)}.button.button-stable:active,.button.button-stable.activated{background:var(--colorStable60,#b6b6b6);color:var(--textColorStable60,#b5b5b5)}.button.button-stable.button-outline{border-color:var(--colorStable40,#f8f8f8)}.button.button-stable.button-outline span,.button.button-stable.button-outline i{color:var(--colorStable40,#f8f8f8)}.button.button-stable.button-outline:active,.button.button-stable.button-outline.activated{background:var(--colorStable40,#f8f8f8)}.button.button-stable.button-outline:active span,.button.button-stable.button-outline.activated span,.button.button-stable.button-outline:active i,.button.button-stable.button-outline.activated i{color:var(--textColorStable40,#444)}.button.button-dark{background:linear-gradient(var(--colorDark40,#373a3c),var(--colorDark40,#373a3c),var(--colorDark50,#303335));border-color:var(--colorDark40,#373a3c)}.button.button-dark i,.button.button-dark span{color:var(--textColorDark40,#fff)}.button.button-dark:active,.button.button-dark.activated{background:var(--colorDark70,#1e2021)}.button.button-dark:active i,.button.button-dark:active span,.button.button-dark.activated i,.button.button-dark.activated span{color:var(--textColorDark70,#fff)}.button.button-dark.button-outline{border-color:var(--colorDark40,#373a3c)}.button.button-dark.button-outline span,.button.button-dark.button-outline i{color:var(--colorDark40,#373a3c)}.button.button-dark.button-outline:active,.button.button-dark.button-outline.activated{background:var(--colorDark40,#373a3c)}.button.button-dark.button-outline:active span,.button.button-dark.button-outline.activated span,.button.button-dark.button-outline:active i,.button.button-dark.button-outline.activated i{color:var(--textColorDark40,#fff)}.button-clear{background:transparent}