Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
937 B

//
// Variables
// --------------------------------------------------
// Type
// --------------------------------------------------
$font-family: "Helvetica Neue", Helvetica, sans-serif;
$font-weight: 500;
$font-weight-bold: 700;
$font-weight-light: 400;
// 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);
// Transitions
// --------------------------------------------------
$timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods