1// Welcome to Gumby 2.0 Settings.
2// Happy Tinkering!
3
4
5// Grid Settings
6$row-max-width: 940px !default;    				// 940px
7$gutter-in-px: 20px !default;      				// 20px
8$cols: 12 !default;              				// 12 Column Default Grid
9$hybrid: 16 !default;							// 16 Column Default Hybrid Grid
10
11// Responsiveness Settings
12$min-device-width: 320px; 						// iPhone Portrait
13$tablet-device-width: 768px;					// iPad Portrait
14$document-width: $row-max-width;				// Default Document
15$max-device-width: 2880px;						// Max Document Size
16
17// Spacing
18$nav-distance: 0; 							// Navigation distance from the top of the viewport
19
20// Typography
21$font-family: "Open Sans";
22$font-style-italic: italic;
23$icons: entypo;
24$font-smoothing: antialiased;
25
26// Font Weights
27$font-weight-bold: 700;
28$font-weight-semibold: 600;
29$font-weight-medium: 400;
30$font-weight-regular: 400;
31$font-weight-light: 300;
32$font-weight-thin: 300;
33
34$header-font-weight: $font-weight-thin;
35$body-font-weight: $font-weight-regular;
36$type-font-weight: $font-weight-regular;
37$link-font-weight: $font-weight-regular;
38$button-font-weight: $font-weight-semibold;
39$tabs-font-weight: $font-weight-semibold;
40
41// Vertical Rhythm Spacing
42$base-line-height: ms(1) !default;
43$rhythm-spacing: .168;
44$rhythm-height: .711;
45
46// Modular Scale Settings
47// http://www.modularscale.com by Tim Brown
48// https://github.com/scottkellum/modular-scale
49$ratio: golden();						// Ratio for Modular Scale
50$base-font-size: 16px !default;
51$importantNum: 78px !default;
52$base-size: $base-font-size $importantNum;
53// Gumby Default Scale Values: 16, 18, 26, 30, 42, 48, 68, 78, 110, 126;
54
55// Sizing
56$xsmall: ms(-2);
57$small: ms(-1);
58$norm: ms(0);									// $base-font-size (16px == default)
59$med: ms(1);
60$large: ms(2);
61$larger: ms(3);
62$xlarge: ms(4);
63$xxlarge: ms(5);
64$xxxlarge: ms(6);
65$reallybig: ms(8);
66$tremendous: ms(9);
67$absurd: ms(10);
68
69// Typography Colors
70$header-font-color: #444444 !default;
71$header-link-color: #d04526 !default;
72$header-link-hover-color: #c03d20 !default;
73$body-font-color: #555555 !default;
74$body-link-color: #d04526 !default;
75$body-link-hover-color: #c03d20 !default;
76
77// User Interface Colors
78$global-bg-color: #fff;
79$navbar-color: #4a4d50;
80$navbar-link-color: #fff;
81
82$primary-color: #3085d6;
83$secondary-color: #42a35a;
84$default-color: #f2f2f2;
85$info-color: #4a4d50;
86$danger-color: #ca3838;
87$warning-color: #f6b83f;
88$success-color: #58c026;
89
90$primary-hover-color: #58b2fa;
91$secondary-hover-color: #6dbb80;
92$default-hover-color: #ffffff;
93$info-hover-color: #868d92;
94$danger-hover-color: #f14f4f;
95$warning-hover-color: #fdd27f;
96$success-hover-color: #66d92f;
97
98$horizontal-rule-color: #ccc !default;
99
100$black: #000;
101$white: #fff;
102
103// Borders
104$button-radius: 4px !default;
105$metro-radius: 0 !default;
106$bigger-radius: 8px;
107
108// Buttons
109// Font Sizing
110$xlarge-button-font-size: $larger;
111$large-button-font-size: $large;
112$medium-button-font-size: $norm;
113$small-button-font-size: $small;
114// Padding
115$default-button-padding: $med;
116// Height
117$default-button-height: 36px;
118
119// Form Elements
120$form-text-input-stroke: #ccc;
121$form-text-input-background: $white;
122$form-text-input-placeholder-color: $default-color;
123$form-text-input-color: #555;
124
125$form-select-stroke: #ccc;
126$form-select-background: $white;
127$form-select-color: #555;
128
129// Tabs
130$tab-height: 42px;
131
132// Navigation
133$navcontain-height: 80px; // makes space at the top of a document for when using a fixed nav
134
135// Drawers & Modals
136$modal-overlay-color: rgba(0, 0, 0, 0.8);
137$modal-window-color: $white;
138$drawer-background-color: #3e4144;
139$drawer-inner-shadow-x-offset: 0;
140$drawer-inner-shadow-y-offset: 2px;
141$drawer-inner-shadow-blur: 5px;
142$drawer-inner-shadow-color: #313436;
143
144// Tables
145$table-bgcolor: #fff;
146$table-thead-bgcolor: $primary-color;
147$table-row-first-cell-font-weight: bold;
148$table-border-size: 1px;
149$table-border-style: solid;
150$table-border-color: #e5e5e5;
151$table-cell-border-size: 1px;
152$table-cell-border-color: #e5e5e5;
153$table-cell-border-style: solid;
154// .rounded
155$table-border-radius: 4px;
156// .striped
157$table-stripe-bgcolor: #e5e5e5;
158
159// Tooltips
160$tt-min-width: 130px;
161$tt-bgcolor: $primary-color;
162$tt-position: top;					// position: top / bottom / left / right
163$tt-align: left;					// text and caret alignment: left / right
164$tt-pretty: yes;					// yes = pretty / no = flat
165
166// Floats
167$default-float: left;
168$switch-float: right;
169
170