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: 0px;    // Navigation distance from the top of the viewport
19
20// Typography
21$font-family: "Open Sans";
22$font-content: "Merriweather";
23$font-monospace: "Monaco", "Lucida Console", monospace;
24$font-style-italic: italic;
25$icons: entypo;
26$font-smoothing: antialiased;
27
28// Font Weights
29$font-weight-bold: 700;
30$font-weight-semibold: 600;
31$font-weight-medium: 400;
32$font-weight-regular: 400;
33$font-weight-light: 300;
34$font-weight-thin: 300;
35
36$header-font-weight: $font-weight-thin;
37$body-font-weight: $font-weight-regular;
38$type-font-weight: $font-weight-regular;
39$orange-font-weight: $font-weight-regular;
40$button-font-weight: $font-weight-semibold;
41$tabs-font-weight: $font-weight-semibold;
42
43// Vertical Rhythm Spacing
44$base-line-height: ms(1) !default;
45$rhythm-spacing: .168;
46$rhythm-height: .711;
47
48// Modular Scale Settings
49// http://www.modularscale.com by Tim Brown
50// https://github.com/scottkellum/modular-scale
51$ratio: golden();						// Ratio for Modular Scale
52$base-font-size: 16px !default;
53$importantNum: 78px !default;
54$base-size: $base-font-size $importantNum;
55// Gumby Default Scale Values: 16, 18, 26, 30, 42, 48, 68, 78, 110, 126;
56
57// Sizing
58$xsmall: ms(-1);
59$small: 13px;
60$norm: ms(0);									// $base-font-size (16px == default)
61$med: ms(1);
62$large: ms(2);
63$larger: ms(3);
64$xlarge: ms(4);
65$xxlarge: ms(5);
66$xxxlarge: ms(6);
67$reallybig: ms(8);
68$tremendous: ms(9);
69$absurd: ms(10);
70
71// Solarized Color Palette by http://ethanschoonover.com/solarized
72$base03:    #002b36;
73$base02:    #073642;
74$base01:    #586e75;
75$base00:    #657b83;
76$base0:     #839496;
77$base1:     #93a1a1;
78$base2:     #eee8d5;
79$base3:     #fdf6e3;
80$yellow:    #b58900;
81$orange:    #cb4b16;
82$red:       #dc322f;
83$magenta:   #d33682;
84$violet:    #6c71c4;
85$blue:      #268bd2;
86$cyan:      #2aa198;
87$green:     #859900;
88$black:     #000;
89$white:     #fff;
90
91// Typography Colors
92$header-font-color: $base01 !default;
93$header-link-color: $base01 !default;
94$header-link-hover-color: $base1 !default;
95$body-font-color: $base01 !default;
96$body-link-color: $blue !default;
97$body-link-hover-color: $blue !default;
98$pre-bg-color: $base3;
99
100// User Interface Colors
101$global-bg-color: $white;
102$navbar-color: $base2;
103$navbar-link-color: $base01;
104$navbar-logo-color: $navbar-link-color;
105$nav-hover-color: $base3;
106$nav-contrast-color: $base3;
107$nav-border-color: $base0;
108
109$primary-color: $blue;
110$secondary-color: $cyan;
111$default-color: $base3;
112$info-color: $base03;
113$danger-color: $red;
114$warning-color: $yellow;
115$success-color: $green;
116
117$primary-hover-color: #58b2fa;
118$secondary-hover-color: #6dbb80;
119$default-hover-color: #ffffff;
120$info-hover-color: #868d92;
121$danger-hover-color: #f14f4f;
122$warning-hover-color: #fdd27f;
123$success-hover-color: #66d92f;
124
125$horizontal-rule-color: $base0 !default;
126
127// Borders
128$button-radius: 4px !default;
129$metro-radius: 0 !default;
130$bigger-radius: 8px;
131
132// Buttons
133// Font Sizing
134$xlarge-button-font-size: $larger;
135$large-button-font-size: $large;
136$medium-button-font-size: $norm;
137$small-button-font-size: $small;
138// Padding
139$default-button-padding: $med;
140// Height
141$default-button-height: 36px;
142
143// Form Elements
144$form-border-color: $base1;
145$form-text-input-stroke: $magenta;
146$form-text-input-background: $global-bg-color;
147$form-text-input-placeholder-color: $default-color;
148$form-text-input-color: $body-font-color;
149
150$form-select-stroke: #ccc;
151$form-select-background: $white;
152$form-select-color: #555;
153
154// Tabs
155$tab-height: 42px;
156
157// Navigation
158$nav-height: 50px;
159$navcontain-height: 55px; // makes space at the top of a document for when using a fixed nav
160
161// Drawers & Modals
162$modal-overlay-color: rgba(0, 0, 0, 0.8);
163$modal-window-color: $white;
164$drawer-background-color: #3e4144;
165$drawer-inner-shadow-x-offset: 0;
166$drawer-inner-shadow-y-offset: 2px;
167$drawer-inner-shadow-blur: 5px;
168$drawer-inner-shadow-color: #313436;
169
170// Tables
171$table-bgcolor: $global-bg-color;
172$table-thead-bgcolor: $global-bg-color;
173$table-head-color: $body-font-color;
174$table-row-first-cell-font-weight: $font-weight-regular;
175$table-border-size: 2px;
176$table-border-style: solid;
177$table-border-color: $base1;
178$table-cell-border-size: 1px;
179$table-cell-border-color: $base1;
180$table-cell-border-style: solid;
181// .rounded
182$table-border-radius: 4px;
183// for :hover color in dokuwiki
184$table-stripe-bgcolor: $base3;
185
186// Tooltips
187$tt-min-width: 130px;
188$tt-bgcolor: $primary-color;
189$tt-position: top;					// position: top / bottom / left / right
190$tt-align: left;					// text and caret alignment: left / right
191$tt-pretty: yes;					// yes = pretty / no = flat
192
193// Floats
194$default-float: left;
195$switch-float: right;
196
197