cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
1 lines • 18.6 kB
CSS
.crn-ion-segment-light ul,.crn-ion-segment-modern ul,.crn-ion-segment-classic ul{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:18px;margin:0 auto;padding:2.5px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li,.crn-ion-segment-classic ul li{background-color:transparent;border:0;border-radius:16px;cursor:pointer;font-size:11px;text-align:center;line-height:21px;padding-top:2px;min-width:93px;width:-webkit-fill-available;height:98%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{display:flex;align-items:center;justify-content:center;width:100%}.crn-ion-segment-light ul{min-height:54px}.crn-ion-segment-classic ul.icon-orientation-below,.crn-ion-segment-modern ul.icon-orientation-below,.crn-ion-segment-classic ul.icon-orientation-above,.crn-ion-segment-modern ul.icon-orientation-above{min-height:54px;height:100%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{height:100%}.crn-ion-segment-modern ul.icon-orientation-left,.crn-ion-segment-classic ul.icon-orientation-left .crn-ion-segment-modern ul.icon-orientation-right,.crn-ion-segment-classic ul.icon-orientation-right{min-height:auto}.crn-ion-segment-light ul li a:hover,.crn-ion-segment-modern ul li a:hover,.crn-ion-segment-classic ul li a:hover{cursor:pointer}.crn-ion-segment-light ul li a i,.crn-ion-segment-modern ul li a i,.crn-ion-segment-classic ul li a i{margin-bottom:3px}.crn-ion-segment-light ul li.active a,.crn-ion-segment-modern ul li.active a,.crn-ion-segment-classic ul li.active a{background-color:transparent}.crn-ion-segment-light ul li.active{font-weight:600}.crn-ion-segment-modern ul li.active,.crn-ion-segment-classic ul li.active{box-shadow:rgb(0 16 46 / 15%) 0 2px 3px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li{border-radius:6px}.crn-ion-segment-light ul,.crn-ion-segment-modern ul{border-radius:0}.crn-ion-segment-classic ul.tabs-template-compact{width:79%}.crn-ion-segment-light ul.tabs-template-full,.crn-ion-segment-modern ul.tabs-template-full{width:100%}.icon-orientation-above li a{flex-direction:column;gap:0}.icon-orientation-below li a{flex-direction:column-reverse;gap:0}.icon-orientation-right li a{flex-direction:row-reverse;gap:5px}.icon-orientation-left li a{flex-direction:row;gap:5px}div.crn-ion-segment-light.icon-theme-light-assertive li a,.ion-segment-assertive li a{color:var(--assertive);opacity:.64}div.crn-ion-segment-light.icon-theme-light-assertive li.active a,.ion-segment-assertive li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-balanced li a,.ion-segment-balanced li a{color:var(--balanced);opacity:.64}div.crn-ion-segment-light.icon-theme-light-balanced li.active a,.ion-segment-balanced li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-energized li a,.ion-segment-energized li a{color:var(--energized);opacity:.64}div.crn-ion-segment-light.icon-theme-light-energized li.active a,.ion-segment-energized li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light li a,.ion-segment-light li a{color:var(--light);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light li.active a,.ion-segment-light li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-stable li a,.ion-segment-stable li a{color:var(--stable);opacity:.64}div.crn-ion-segment-light.icon-theme-light-stable li.active a,.ion-segment-stable li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-calm li a,.ion-segment-calm li a{color:var(--calm);opacity:.64}div.crn-ion-segment-light.icon-theme-light-calm li.active a,.ion-segment-calm li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-positive li a,.ion-segment-positive li a{color:var(--positive);opacity:.64}div.crn-ion-segment-light.icon-theme-light-positive li.active a,.ion-segment-positive li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-royal li a,.ion-segment-royal li a{color:var(--royal);opacity:.64}div.crn-ion-segment-light.icon-theme-light-royal li.active a,.ion-segment-royal li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark li a,.ion-segment-dark li a{color:var(--dark);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark li.active a,.ion-segment-dark li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-white li a,.ion-segment-white li a{color:var(--white);opacity:.64}div.crn-ion-segment-light.icon-theme-light-white li.active a,.ion-segment-white li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-gray li a,.ion-segment-gray li a{color:var(--gray);opacity:.64}div.crn-ion-segment-light.icon-theme-light-gray li.active a,.ion-segment-gray li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-black li a,.ion-segment-black li a{color:var(--black);opacity:.64}div.crn-ion-segment-light.icon-theme-light-black li.active a,.ion-segment-black li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-blue li a,.ion-segment-blue li a{color:var(--blue);opacity:.64}div.crn-ion-segment-light.icon-theme-light-blue li.active a,.ion-segment-blue li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-blue li a,.ion-segment-light-blue li a{color:var(--light-blue);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-blue li.active a,.ion-segment-light-blue li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-blue li a,.ion-segment-dark-blue li a{color:var(--dark-blue);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-blue li.active a,.ion-segment-dark-blue li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-purple li a,.ion-segment-purple li a{color:var(--purple);opacity:.64}div.crn-ion-segment-light.icon-theme-light-purple li.active a,.ion-segment-purple li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-purple li a,.ion-segment-light-purple li a{color:var(--light-purple);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-purple li.active a,.ion-segment-light-purple li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-purple li a,.ion-segment-dark-purple li a{color:var(--dark-purple);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-purple li.active a,.ion-segment-dark-purple li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-red li a,.ion-segment-red li a{color:var(--red);opacity:.64}div.crn-ion-segment-light.icon-theme-light-red li.active a,.ion-segment-red li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-red li a,.ion-segment-light-red li a{color:var(--light-red);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-red li.active a,.ion-segment-light-red li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-red li a,.ion-segment-dark-red li a{color:var(--dark-red);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-red li.active a,.ion-segment-dark-red li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-orange li a,.ion-segment-orange li a{color:var(--orange);opacity:.64}div.crn-ion-segment-light.icon-theme-light-orange li.active a,.ion-segment-orange li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-red li a,.ion-segment-light-orange li a{color:var(--light-orange);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-red li.active a,.ion-segment-light-orange li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-red li a,.ion-segment-dark-orange li a{color:var(--dark-orange);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-red li.active a,.ion-segment-dark-orange li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-yellow li a,.ion-segment-yellow li a{color:var(--yellow);opacity:.64}div.crn-ion-segment-light.icon-theme-light-yellow li.active a,.ion-segment-yellow li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-yellow li a,.ion-segment-light-yellow li a{color:var(--light-yellow);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-yellow li.active a,.ion-segment-light-yellow li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-yellow li a,.ion-segment-dark-yellow li a{color:var(--dark-yellow);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-yellow li.active a,.ion-segment-dark-yellow li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-green li a,.ion-segment-green li a{color:var(--green);opacity:.64}div.crn-ion-segment-light.icon-theme-light-green li.active a,.ion-segment-green li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-light-green li a,.ion-segment-light-green li a{color:var(--light-green);opacity:.64}div.crn-ion-segment-light.icon-theme-light-light-green li.active a,.ion-segment-light-green li.active a{opacity:1}div.crn-ion-segment-light.icon-theme-light-dark-green li a,.ion-segment-dark-green li a{color:var(--dark-green);opacity:.64}div.crn-ion-segment-light.icon-theme-light-dark-green li.active a,.ion-segment-dark-green li.active a{opacity:1}.font-size-100 i{font-size:100%}.font-size-200 i{font-size:200%}.font-size-300 i{font-size:300%}.font-size-400 i{font-size:400%}.font-size-500 i{font-size:500%}.font-size-600 i{font-size:600%}.font-size-700 i{font-size:700%}.background-assertive{background-color:#ef473a47}.background-balanced{background-color:#33cd5f47}.background-energized{background-color:#ffc90047}.background-light{background-color:#ffffff47}.background-stable{background-color:#f8f8f847}.background-calm{background-color:#11c1f347}.background-positive{background-color:#387ef547}.background-royal{background-color:#886aea47}.background-dark{background-color:#44444447}.background-white{background-color:#ffffff47}.background-gray{background-color:#33333347}.background-black{background-color:#00000047}.background-blue{background-color:#0247FE47}.background-light-blue{background-color:#85A5FF47}.background-dark-blue{background-color:#00217A47}.background-purple{background-color:#3D01A447}.background-light-purple{background-color:#B285FF47}.background-dark-purple{background-color:#2D007A47}.background-red{background-color:#FE271247}.background-light-red{background-color:#FE8F8447}.background-dark-red{background-color:#7A0B0047}.background-orange{background-color:#FB9B0247}.background-light-orange{background-color:#FFD08547}.background-dark-orange{background-color:#7A4B0047}.background-yellow{background-color:#FFFF3347}.background-light-yellow{background-color:#FFFF8547}.background-dark-yellow{background-color:#7A7A0047}.background-green{background-color:#66B03247}.background-light-green{background-color:#B7FF8547}.background-dark-green{background-color:#337A0047}div.crn-ion-segment-classic ul.active-background-assertive li.active,div.crn-ion-segment-modern ul.active-background-assertive li.active{background-color:var(--assertive)}div.crn-ion-segment-classic ul.active-background-balanced li.active,div.crn-ion-segment-modern ul.active-background-balanced li.active{background-color:var(--balanced)}div.crn-ion-segment-classic ul.active-background-energized li.active,div.crn-ion-segment-modern ul.active-background-energized li.active{background-color:var(--energized)}div.crn-ion-segment-classic ul.active-background-light li.active,div.crn-ion-segment-modern ul.active-background-light li.active{background-color:var(--light)}div.crn-ion-segment-classic ul.active-background-stable li.active,div.crn-ion-segment-modern ul.active-background-stable li.active{background-color:var(--stable)}div.crn-ion-segment-classic ul.active-background-calm li.active,div.crn-ion-segment-modern ul.active-background-calm li.active{background-color:var(--calm)}div.crn-ion-segment-classic ul.active-background-positive li.active,div.crn-ion-segment-modern ul.active-background-positive li.active{background-color:var(--positive)}div.crn-ion-segment-classic ul.active-background-royal li.active,div.crn-ion-segment-modern ul.active-background-royal li.active{background-color:var(--royal)}div.crn-ion-segment-classic ul.active-background-dark li.active,div.crn-ion-segment-modern ul.active-background-dark li.active{background-color:var(--dark)}div.crn-ion-segment-classic ul.active-background-white li.active,div.crn-ion-segment-modern ul.active-background-white li.active{background-color:var(--white)}div.crn-ion-segment-classic ul.active-background-gray li.active,div.crn-ion-segment-modern ul.active-background-gray li.active{background-color:var(--gray)}div.crn-ion-segment-classic ul.active-background-black li.active,div.crn-ion-segment-modern ul.active-background-black li.active{background-color:var(--black)}div.crn-ion-segment-classic ul.active-background-blue li.active,div.crn-ion-segment-modern ul.active-background-blue li.active{background-color:var(--blue)}div.crn-ion-segment-classic ul.active-background-light-blue li.active,div.crn-ion-segment-modern ul.active-background-light-blue li.active{background-color:var(--light-blue)}div.crn-ion-segment-classic ul.active-background-dark-blue li.active,div.crn-ion-segment-modern ul.active-background-dark-blue li.active{background-color:var(--dark-blue)}div.crn-ion-segment-classic ul.active-background-purple li.active,div.crn-ion-segment-modern ul.active-background-purple li.active{background-color:var(--purple)}div.crn-ion-segment-classic ul.active-background-light-purple li.active,div.crn-ion-segment-modern ul.active-background-light-purple li.active{background-color:var(--light-purple)}div.crn-ion-segment-classic ul.active-background-dark-purple li.active,div.crn-ion-segment-modern ul.active-background-dark-purple li.active{background-color:var(--dark-purple)}div.crn-ion-segment-classic ul.active-background-red li.active,div.crn-ion-segment-modern ul.active-background-red li.active{background-color:var(--red)}div.crn-ion-segment-classic ul.active-background-light-red li.active,div.crn-ion-segment-modern ul.active-background-light-red li.active{background-color:var(--light-red)}div.crn-ion-segment-classic ul.active-background-dark-red li.active,div.crn-ion-segment-modern ul.active-background-dark-red li.active{background-color:var(--dark-red)}div.crn-ion-segment-classic ul.active-background-orange li.active,div.crn-ion-segment-modern ul.active-background-orange li.active{background-color:var(--orange)}div.crn-ion-segment-classic ul.active-background-light-orange li.active,div.crn-ion-segment-modern ul.active-background-light-orange li.active{background-color:var(--light-orange)}div.crn-ion-segment-classic ul.active-background-dark-orange li.active,div.crn-ion-segment-modern ul.active-background-dark-orange li.active{background-color:var(--dark-orange)}div.crn-ion-segment-classic ul.active-background-yellow li.active,div.crn-ion-segment-modern ul.active-background-yellow li.active{background-color:var(--yellow)}div.crn-ion-segment-classic ul.active-background-light-yellow li.active,div.crn-ion-segment-modern ul.active-background-light-yellow li.active{background-color:var(--light-yellow)}div.crn-ion-segment-classic ul.active-background-dark-yellow li.active,div.crn-ion-segment-modern ul.active-background-dark-yellow li.active{background-color:var(--dark-yellow)}div.crn-ion-segment-classic ul.active-background-green li.active,div.crn-ion-segment-modern ul.active-background-green li.active{background-color:var(--green)}div.crn-ion-segment-classic ul.active-background-light-green li.active,div.crn-ion-segment-modern ul.active-background-light-green li.active{background-color:var(--light-green)}div.crn-ion-segment-classic ul.active-background-dark-green li.active,div.crn-ion-segment-modern ul.active-background-dark-green li.active{background-color:var(--dark-green)}.crn-ion-segment-light ul{padding-bottom:0}div.crn-ion-segment-light ul li.active{border-bottom:1px solid;border-radius:0;box-shadow:none;background-color:transparent}div.crn-ion-segment-light.icon-theme-light-white li.active{border-color:var(--white)}div.crn-ion-segment-light.icon-theme-light-gray li.active{border-color:var(--gray)}div.crn-ion-segment-light.icon-theme-light-black li.active{border-color:var(--black)}div.crn-ion-segment-light.icon-theme-light-blue li.active{border-color:var(--blue)}div.crn-ion-segment-light.icon-theme-light-light-blue li.active{border-color:var(--light-blue)}div.crn-ion-segment-light.icon-theme-light-dark-blue li.active{border-color:var(--dark-blue)}div.crn-ion-segment-light.icon-theme-light-purple li.active{border-color:var(--purple)}div.crn-ion-segment-light.icon-theme-light-light-purple li.active{border-color:var(--light-purple)}div.crn-ion-segment-light.icon-theme-light-dark-purple li.active{border-color:var(--dark-purple)}div.crn-ion-segment-light.icon-theme-light-red li.active{border-color:var(--red)}div.crn-ion-segment-light.icon-theme-light-light-red li.active{border-color:var(--light-red)}div.crn-ion-segment-light.icon-theme-light-dark-red li.active{border-color:var(--dark-red)}div.crn-ion-segment-light.icon-theme-light-orange li.active{border-color:var(--orange)}div.crn-ion-segment-light.icon-theme-light-light-orange li.active{border-color:var(--light-orange)}div.crn-ion-segment-light.icon-theme-light-dark-orange li.active{border-color:var(--dark-orange)}div.crn-ion-segment-light.icon-theme-light-yellow li.active{border-color:var(--yellow)}div.crn-ion-segment-light.icon-theme-light-light-yellow li.active{border-color:var(--light-yellow)}div.crn-ion-segment-light.icon-theme-light-dark-yellow li.active{border-color:var(--dark-yellow)}div.crn-ion-segment-light.icon-theme-light-green li.active{border-color:var(--green)}div.crn-ion-segment-light.icon-theme-light-light-green li.active{border-color:var(--light-green)}div.crn-ion-segment-light.icon-theme-light-dark-green li.active{border-color:var(--dark-green)}div.crn-ion-segment-light.icon-theme-light-assertive li.active{border-color:var(--assertive)}div.crn-ion-segment-light.icon-theme-light-balanced li.active{border-color:var(--balanced)}div.crn-ion-segment-light.icon-theme-light-energized li.active{border-color:var(--energized)}div.crn-ion-segment-light.icon-theme-light-light li.active{border-color:var(--light)}div.crn-ion-segment-light.icon-theme-light-stable li.active{border-color:var(--stable)}div.crn-ion-segment-light.icon-theme-light-calm li.active{border-color:var(--calm)}div.crn-ion-segment-light.icon-theme-light-positive li.active{border-color:var(--positive)}div.crn-ion-segment-light.icon-theme-light-royal li.active{border-color:var(--royal)}div.crn-ion-segment-light.icon-theme-light-dark li.active{border-color:var(--dark)}