cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
1 lines • 2.22 kB
CSS
@import "tabs-color.css";@import 'background-color.css';@import 'icon-size.css';@import 'crn-ion-segment.css';@import 'crn-ion-footer-bar.css';@import 'color-default.css';:root{--white:#fff;--white_focus_hover:#dfdfdf;--gray:#333;--gray_focus_hover:#2d2d2d;--black:#000;--black_focus_hover:#7b7b7b;--blue:#0247fe;--blue_focus_hover:#01278b;--light-blue:#85a5ff;--light-blue_focus_hover:#495a8c;--dark-blue:#00217a;--dark-blue_focus_hover:#001243;--purple:#3d01a4;--purple_focus_hover:#21015a;--light-purple:#b285ff;--light-purple_focus_hover:#61498c;--dark-purple:#2d007a;--dark-purple_focus_hover:#190043;--red:#fe2712;--red_focus_hover:#8b150a;--light-red:#fe8f84;--light-red_focus_hover:#8b4e48;--dark-red:#7a0b00;--dark-red_focus_hover:#430600;--orange:#fb9b02;--orange_focus_hover:#895501;--light-orange:#ffd085;--light-orange_focus_hover:#8c7249;--dark-orange:#7a4b00;--dark-orange_focus_hover:#432900;--yellow:#ff3;--yellow_focus_hover:#8c8c1c;--light-yellow:#ffff85;--light-yellow_focus_hover:#8c8c49;--dark-yellow:#7a7a00;--dark-yellow_focus_hover:#434300;--green:#66b032;--green_focus_hover:#38601b;--light-green:#b7ff85;--light-green_focus_hover:#648c49;--dark-green:#337a00;--dark-green_focus_hover:#1c4300}.font-size-100{font-size:100%}.font-size-200{font-size:200%}.font-size-300{font-size:300%}.font-size-400{font-size:400%}.font-size-500{font-size:500%}.font-size-600{font-size:600%}.font-size-700{font-size:700%}.top-13{top:13%}.top-50{top:50%}.top-78{top:78%}.font-size-small{font-size:var(--textSmallSize,12px)}.font-size-normal{font-size:var(--textNormalSize,14px)}.font-size-default{font-size:var(--textMediumSize,16px)}.font-size-big{font-size:var(--textBigSize,18px)}.font-size-extra-big{font-size:var(--textExtraBigSize,23px)}.icon-font-size-default{font-size:var(--iconSizeDefault,28px)}.icon-font-size-small{font-size:var(--iconSizeSmall,25px)}.icon-font-size-big{font-size:var(--iconSizeBig,31px)}.icon-font-size-extra-big{font-size:var(--iconSizeExtraBig,34px)}.slider-pager .slider-pager-page>i{font-size:calc(0.6 * var(--iconSizeSmall, 25px))}.item-floating-label .input-label{position:relative;padding:5px 0 0 0;opacity:0;top:10px;transition:opacity .15s ease-in,top .2s linear;display:flex}