cronapp-framework-mobile-js/dist/css/themes/custom/spacelab/button-spacelab.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:500}.button span,.button i{color:var(--textColorDefault40,#fff)}.button.button-outline span,.button.button-outline i{color:var(--colorDefault40,#474949)}.button.button-outline{border:1px solid}.button.button-default{background:linear-gradient(var(--colorDefault30,#8a8b8b),var(--colorDefault40,#474949) 50%,var(--colorDefault50,#3e4040));border-color:var(--colorDefault40,#474949)}.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,#325172)}.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(--colorPrimary30,#b6b6b6),var(--colorPrimary40,#999),var(--colorPrimary50,#868686));border-color:var(--colorPrimary50,#868686)}.button.button-positive span,.button.button-positive i{color:var(--textColorPrimary40,#fff)}.button.button-positive:active,.button.button-positive.activated{background:var(--colorPrimary60,#707070)}.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,#999)}.button.button-positive.button-outline span,.button.button-positive.button-outline i{color:var(--colorPrimary40,#999)}.button.button-positive.button-outline:active,.button.button-positive.button-outline.activated{background:var(--colorPrimary40,#999)}.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(--colorCalm30,#83b6f6),var(--colorCalm40,#3399f3),var(--colorCalm50,#2d86d5));border-color:var(--colorCalm40,#3399f3)}.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,#3399f3)}.button.button-calm.button-outline span,.button.button-calm.button-outline i{color:var(--colorCalm40,#3399f3)}.button.button-calm.button-outline:active,.button.button-calm.button-outline.activated{background:var(--colorCalm40,#3399f3)}.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(--colorDanger30,#da7b7b),var(--colorDanger40,#cd0200),var(--colorDanger50,#b30200));border-color:var(--colorDanger50,#b30200)}.button.button-assertive span,.button.button-assertive i{color:var(--textColorDanger40,#fff)}.button.button-assertive:active,.button.button-assertive.activated{background:var(--colorDanger60,#960100)}.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,#cd0200)}.button.button-assertive.button-outline span,.button.button-assertive.button-outline i{color:var(--colorDanger40,#cd0200)}.button.button-assertive.button-outline:active,.button.button-assertive.button-outline.activated{background:var(--colorDanger40,#cd0200)}.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(--colorWarning30,#dfa07b),var(--colorWarning40,#d47500),var(--colorWarning50,#ba6600));border:1px solid var(--colorWarning40,#d47500)}.button.button-energized span,.button.button-energized i{color:var(--textColorWarning40,#fff)}.button.button-energized:active,.button.button-energized.activated{background:var(--colorWarning60,#9b5600)}.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,#d47500)}.button.button-energized.button-outline span,.button.button-energized.button-outline i{color:var(--colorWarning40,#d47500)}.button.button-energized.button-outline:active,.button.button-energized.button-outline.activated{background:var(--colorWarning40,#d47500)}.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(--colorSuccess30,#86c97f),var(--colorSuccess40,#3cb521),var(--colorSuccess50,#359e1d));border-color:var(--colorSuccess40,#3cb521)}.button.button-balanced span,.button.button-balanced i{color:var(--textColorSuccess40,#fff)}.button.button-balanced:active,.button.button-balanced.activated{background:var(--colorSuccess60,#2c8518)}.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,#3cb521)}.button.button-balanced.button-outline span,.button.button-balanced.button-outline i{color:var(--colorSuccess40,#3cb521)}.button.button-balanced.button-outline:active,.button.button-balanced.button-outline.activated{background:var(--colorSuccess40,#3cb521)}.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(--colorRoyal30,#ab9aef),var(--colorRoyal40,#886aea),var(--colorRoyal50,#775dcd));border-color:var(--colorRoyal40,#886aea)}.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,#f2f2f2),var(--colorLight40,#eee),var(--colorLight50,#d0d0d0));border-color:var(--colorLight40,#eee)}.button.button-light span,.button.button-light i{color:var(--textColorLight40,#000)}.button.button-light:active,.button.button-light.activated{background:var(--colorLight60,#aeaeae);color:var(--textColorLight20,#000)}.button.button-light.button-outline{border-color:var(--colorLight40,#eee)}.button.button-light.button-outline span,.button.button-light.button-outline i{color:var(--colorLight40,#eee)}.button.button-light.button-outline:active,.button.button-light.button-outline.activated{background:var(--colorLight40,#eee)}.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(--colorStable30,#fafafa),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(--colorDark30,#838383),var(--colorDark40,#333),var(--colorDark50,#2d2d2d));border-color:var(--colorDark40,#333)}.button.button-dark i,.button.button-dark span{color:var(--textColorDark40,#fff)}.button.button-dark:active,.button.button-dark.activated{background:var(--colorDark70,#252525)}.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,#333)}.button.button-dark.button-outline span,.button.button-dark.button-outline i{color:var(--colorDark40,#333)}.button.button-dark.button-outline:active,.button.button-dark.button-outline.activated{background:var(--colorDark40,#333)}.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}