// // Variables // -------------------------------------------------- // Type // -------------------------------------------------- $font-family-default: "Helvetica Neue", Helvetica, sans-serif; $font-size-default: 17px; $font-weight: 500; $font-weight-light: 400; $line-height-default: 21px; // Colors // -------------------------------------------------- // Main theme colors $primary-color: #007aff; $chrome-color: rgba(247,247,247,.98); // Action colors $default-color: #929292; $positive-color: #4cd964; $negative-color: #dd524d; // Bars // -------------------------------------------------- $bar-base-height: 44px; $bar-tab-height: 50px; $bar-side-spacing: 10px; // Buttons // -------------------------------------------------- $button-directional-padding: 20px; $button-directional-margin: -($bar-side-spacing/2); $button-font-size: 14px; // Transitions // -------------------------------------------------- $timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods