// Font sizes $font-size-nano: 0.8rem; $font-size-micro: 1.0rem; $font-size-mini: 1.2rem; $font-size-small: 1.4rem; $font-size-default: 1.6rem; $font-size-medium: 1.8rem; $font-size-large: 2.2rem; $font-size-big: 2.4rem; $font-size-bigger: 3.0rem; $font-size-mega: 3.4rem; $font-size-giga: 4.0rem; // spaces $zero: 0rem; $space-micro: 0.2rem; $space-smaller: 0.4rem; $space-small: 0.8rem; $space-one: 1rem; $space-slab: 1.2rem; $space-normal: 1.6rem; $space-two: 2.0rem; $space-medium: 2.4rem; $space-large: 3.2rem; $space-larger: 4.8rem; $space-jumbo: 6.4rem; $space-mega: 10.0rem; // font-weight $font-weight-feather: 100; $font-weight-light: 300; $font-weight-normal: 400; $font-weight-medium: 500; $font-weight-bold: 600; $font-weight-black: 700; //Navbar $nav-bar-width: 23rem; $header-height: 5.6rem; $woot-logo-padding: $space-large $space-large $space-large $space-large; // Colors $color-woot: #1f93ff; $color-gray: #6E6F73; $color-light-gray: #999A9B; $color-border: #E0E6ED; $color-border-light: #f0f4f5; $color-background: #EFF2F7; $color-background-light: #F9FAFC; $color-white: #FFF; $color-body: #3C4858; $color-heading: #1F2D3D; $color-extra-light-blue: #F5F7F9; // Thumbnail $thumbnail-radius: 4rem; // chat-header $conv-header-height: 4rem; // login // Inbox List $inbox-thumb-size: 4.8rem; // Spinner $spinkit-spinner-color: $color-white !default; $spinkit-spinner-margin: 0 0 0 1.6rem !default; $spinkit-size: 1.6rem !default; // Snackbar default $woot-snackbar-bg: #323232; $woot-snackbar-button: #ffeb3b; $swift-ease-out-duration: .4s !default; $swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default; $swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default; // Ionicons $ionicons-font-path: '~ionicons/fonts';