zitgit 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. data/.gitignore +17 -0
  2. data/Gemfile +5 -0
  3. data/Gemfile.lock +94 -0
  4. data/Guardfile +6 -0
  5. data/LICENSE.txt +22 -0
  6. data/README.md +29 -0
  7. data/Rakefile +1 -0
  8. data/bin/zitgit +4 -0
  9. data/lib/zitgit/version.rb +3 -0
  10. data/lib/zitgit.rb +57 -0
  11. data/public/coffee/application.coffee +54 -0
  12. data/public/css/app.css +4071 -0
  13. data/public/images/loader.gif +0 -0
  14. data/public/js/application.js +69 -0
  15. data/public/js/jquery.js +5 -0
  16. data/public/js/jquery.nicescroll.js +111 -0
  17. data/public/scss/app.scss +155 -0
  18. data/public/scss/foundation/foundation/_variables.scss +1037 -0
  19. data/public/scss/foundation/foundation/components/_alert-boxes.scss +106 -0
  20. data/public/scss/foundation/foundation/components/_block-grid.scss +70 -0
  21. data/public/scss/foundation/foundation/components/_breadcrumbs.scss +124 -0
  22. data/public/scss/foundation/foundation/components/_button-groups.scss +88 -0
  23. data/public/scss/foundation/foundation/components/_buttons.scss +226 -0
  24. data/public/scss/foundation/foundation/components/_clearing.scss +211 -0
  25. data/public/scss/foundation/foundation/components/_custom-forms.scss +240 -0
  26. data/public/scss/foundation/foundation/components/_dropdown-buttons.scss +114 -0
  27. data/public/scss/foundation/foundation/components/_dropdown.scss +149 -0
  28. data/public/scss/foundation/foundation/components/_flex-video.scss +45 -0
  29. data/public/scss/foundation/foundation/components/_forms.scss +348 -0
  30. data/public/scss/foundation/foundation/components/_global.scss +267 -0
  31. data/public/scss/foundation/foundation/components/_grid.scss +184 -0
  32. data/public/scss/foundation/foundation/components/_inline-lists.scss +52 -0
  33. data/public/scss/foundation/foundation/components/_joyride.scss +208 -0
  34. data/public/scss/foundation/foundation/components/_keystrokes.scss +56 -0
  35. data/public/scss/foundation/foundation/components/_labels.scss +84 -0
  36. data/public/scss/foundation/foundation/components/_magellan.scss +21 -0
  37. data/public/scss/foundation/foundation/components/_orbit.scss +207 -0
  38. data/public/scss/foundation/foundation/components/_pagination.scss +99 -0
  39. data/public/scss/foundation/foundation/components/_panels.scss +76 -0
  40. data/public/scss/foundation/foundation/components/_pricing-tables.scss +130 -0
  41. data/public/scss/foundation/foundation/components/_progress-bars.scss +70 -0
  42. data/public/scss/foundation/foundation/components/_reveal.scss +131 -0
  43. data/public/scss/foundation/foundation/components/_section.scss +303 -0
  44. data/public/scss/foundation/foundation/components/_side-nav.scss +68 -0
  45. data/public/scss/foundation/foundation/components/_split-buttons.scss +159 -0
  46. data/public/scss/foundation/foundation/components/_sub-nav.scss +67 -0
  47. data/public/scss/foundation/foundation/components/_switch.scss +249 -0
  48. data/public/scss/foundation/foundation/components/_tables.scss +80 -0
  49. data/public/scss/foundation/foundation/components/_thumbs.scss +47 -0
  50. data/public/scss/foundation/foundation/components/_tooltips.scss +113 -0
  51. data/public/scss/foundation/foundation/components/_top-bar.scss +462 -0
  52. data/public/scss/foundation/foundation/components/_type.scss +422 -0
  53. data/public/scss/foundation/foundation/components/_visibility.scss +320 -0
  54. data/public/scss/foundation/foundation.scss +46 -0
  55. data/public/scss/foundation/normalize.scss +402 -0
  56. data/views/branch.slim +1 -0
  57. data/views/commits/detail.slim +12 -0
  58. data/views/commits/labels.slim +9 -0
  59. data/views/commits/list.slim +22 -0
  60. data/views/diffs/list.slim +39 -0
  61. data/views/index.slim +36 -0
  62. data/views/layout.slim +9 -0
  63. data/views/refs/dropdown.slim +3 -0
  64. data/zitgit.gemspec +30 -0
  65. metadata +239 -0
@@ -0,0 +1,462 @@
1
+ //
2
+ // Top Bar Variables
3
+ //
4
+
5
+ // Background color for the top bar
6
+ $topbar-bg: #111 !default;
7
+
8
+ // Height and margin
9
+ $topbar-height: 45px !default;
10
+ $topbar-margin-bottom: emCalc(30px) !default;
11
+
12
+ // Control Input height for top bar
13
+ $topbar-input-height: 2.45em !default;
14
+
15
+ // Controlling the styles for the title in the top bar
16
+ $topbar-title-weight: bold !default;
17
+ $topbar-title-font-size: emCalc(17px) !default;
18
+
19
+ // Set the link colors and styles for top-level nav
20
+ $topbar-link-color: #fff !default;
21
+ $topbar-link-weight: bold !default;
22
+ $topbar-link-font-size: emCalc(13px) !default;
23
+ $topbar-link-hover-lightness: -30% !default; // Darken by 30%
24
+
25
+ // Style the top bar dropdown elements
26
+ $topbar-dropdown-bg: #333 !default;
27
+ $topbar-dropdown-link-color: #fff !default;
28
+ $topbar-dropdown-toggle-size: 5px !default;
29
+ $topbar-dropdown-toggle-color: #fff !default;
30
+ $topbar-dropdown-toggle-alpha: 0.5 !default;
31
+ $dropdown-label-color: #555 !default;
32
+
33
+ // Top menu icon styles
34
+ $topbar-menu-link-transform: uppercase !default;
35
+ $topbar-menu-link-font-size: emCalc(13px) !default;
36
+ $topbar-menu-link-weight: bold !default;
37
+ $topbar-menu-link-color: #fff !default;
38
+ $topbar-menu-icon-color: #fff !default;
39
+ $topbar-menu-link-color-toggled: #888 !default;
40
+ $topbar-menu-icon-color-toggled: #888 !default;
41
+
42
+ // Transitions and breakpoint styles
43
+ $topbar-transition-speed: 300ms !default;
44
+ $topbar-breakpoint: emCalc(940px) !default; // Change to 9999px for always mobile layout
45
+ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !default;
46
+
47
+
48
+ /* Wrapped around .top-bar to contain to grid width */
49
+ .contain-to-grid {
50
+ width: 100%;
51
+ background: $topbar-bg;
52
+ }
53
+
54
+ // Wrapped around .top-bar to make it fixed at the top
55
+ .fixed {
56
+ width: 100%;
57
+ #{$default-float}: 0;
58
+ position: fixed;
59
+ top: 0;
60
+ z-index: 99;
61
+ }
62
+
63
+ .top-bar {
64
+ overflow: hidden;
65
+ height: $topbar-height;
66
+ line-height: $topbar-height;
67
+ position: relative;
68
+ background: $topbar-bg;
69
+ margin-bottom: $topbar-margin-bottom;
70
+
71
+ // Topbar Global list Styles
72
+ ul {
73
+ margin-bottom: 0;
74
+ list-style: none;
75
+ }
76
+
77
+ .row { max-width: none; }
78
+
79
+ form,
80
+ input { margin-bottom: 0; }
81
+
82
+ input { height: $topbar-input-height; }
83
+
84
+ .button { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0; }
85
+
86
+ // Title Area
87
+ .title-area { position: relative; }
88
+
89
+ .name {
90
+ height: $topbar-height;
91
+ margin: 0;
92
+ font-size: $em-base;
93
+
94
+ h1 {
95
+ line-height: $topbar-height;
96
+ font-size: $topbar-title-font-size;
97
+ margin: 0;
98
+ a {
99
+ font-weight: $topbar-title-weight;
100
+ color: $topbar-link-color;
101
+ width: 50%;
102
+ display: block;
103
+ padding: 0 $topbar-height / 3;
104
+ }
105
+ }
106
+ }
107
+
108
+ // Menu toggle button on small devices
109
+ .toggle-topbar {
110
+ position: absolute;
111
+ #{$opposite-direction}: 0;
112
+ top: 0;
113
+
114
+ a {
115
+ color: $topbar-link-color;
116
+ text-transform: $topbar-menu-link-transform;
117
+ font-size: $topbar-menu-link-font-size;
118
+ font-weight: $topbar-menu-link-weight;
119
+ position: relative;
120
+ display: block;
121
+ padding: 0 $topbar-height / 3;
122
+ height: $topbar-height;
123
+ line-height: $topbar-height;
124
+ }
125
+
126
+ // Adding the class "menu-icon" will add the 3-line icon people love and adore.
127
+ &.menu-icon {
128
+ #{$opposite-direction}: $topbar-height / 3;
129
+ top: 50%;
130
+ margin-top: -16px;
131
+ padding-#{$default-float}: 40px;
132
+
133
+ a {
134
+ text-indent: -48px;
135
+ width: 34px;
136
+ height: 34px;
137
+ line-height: 33px;
138
+ padding: 0;
139
+ color: $topbar-menu-link-color;
140
+
141
+ span {
142
+ position: absolute;
143
+ #{$opposite-direction}: 0;
144
+ display: block;
145
+ width: 16px;
146
+ height: 0;
147
+ // Shh, don't tell, but box-shadows create the menu icon :)
148
+ -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color,
149
+ 0 16px 0 1px $topbar-menu-icon-color,
150
+ 0 22px 0 1px $topbar-menu-icon-color;
151
+
152
+ box-shadow: 0 10px 0 1px $topbar-menu-icon-color,
153
+ 0 16px 0 1px $topbar-menu-icon-color,
154
+ 0 22px 0 1px $topbar-menu-icon-color;
155
+ }
156
+ }
157
+ }
158
+ }
159
+
160
+ // Change things up when the top-bar is expanded
161
+ &.expanded {
162
+ height: auto;
163
+ background: transparent;
164
+
165
+ .title-area { background: $topbar-bg; }
166
+
167
+ .toggle-topbar {
168
+ a { color: $topbar-menu-link-color-toggled;
169
+ span {
170
+ // Shh, don't tell, but box-shadows create the menu icon :)
171
+ -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled,
172
+ 0 16px 0 1px $topbar-menu-icon-color-toggled,
173
+ 0 22px 0 1px $topbar-menu-icon-color-toggled;
174
+
175
+ box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled,
176
+ 0 16px 0 1px $topbar-menu-icon-color-toggled,
177
+ 0 22px 0 1px $topbar-menu-icon-color-toggled;
178
+ }
179
+ }
180
+ }
181
+ }
182
+
183
+ }
184
+
185
+ // Right and Left Navigation that stacked by default
186
+ .top-bar-section {
187
+ #{$default-float}: 0;
188
+ position: relative;
189
+ width: auto;
190
+ @include single-transition($default-float, $topbar-transition-speed);
191
+
192
+ ul {
193
+ width: 100%;
194
+ height: auto;
195
+ display: block;
196
+ background: $topbar-dropdown-bg;
197
+ font-size: $em-base;
198
+ margin: 0;
199
+ }
200
+
201
+ .divider,
202
+ [role="separator"] {
203
+ border-bottom: solid 1px lighten($topbar-dropdown-bg, 10%);
204
+ border-top: solid 1px darken($topbar-dropdown-bg, 10%);
205
+ clear: both;
206
+ height: 1px;
207
+ width: 100%;
208
+ }
209
+
210
+ ul li {
211
+ & > a {
212
+ display: block;
213
+ width: 100%;
214
+ color: $topbar-link-color;
215
+ padding: 12px 0 12px 0;
216
+ padding-#{$default-float}: $topbar-height / 3;
217
+ font-size: $topbar-link-font-size;
218
+ font-weight: $topbar-link-weight;
219
+ background: $topbar-dropdown-bg;
220
+ height: $topbar-height;
221
+
222
+ &:hover { background: darken($topbar-dropdown-bg, 3%); }
223
+
224
+
225
+ &.button {
226
+ background: $primary-color;
227
+ font-size: $topbar-link-font-size;
228
+ &:hover {
229
+ background: darken($primary-color, 10%);
230
+ }
231
+ }
232
+ &.button.secondary {
233
+ background: $secondary-color;
234
+ &:hover {
235
+ background: darken($secondary-color, 10%);
236
+ }
237
+ }
238
+ &.button.success {
239
+ background: $success-color;
240
+ &:hover {
241
+ background: darken($success-color, 10%);
242
+ }
243
+ }
244
+ &.button.alert {
245
+ background: $alert-color;
246
+ &:hover {
247
+ background: darken($alert-color, 10%);
248
+ }
249
+ }
250
+
251
+ }
252
+
253
+ // Apply the active link color when it has that class
254
+ &.active > a { background: darken($topbar-dropdown-bg, 3%); }
255
+ }
256
+
257
+ // Add some extra padding for list items contains buttons
258
+ .has-form { padding: $topbar-height / 3; }
259
+
260
+ // Styling for list items that have a dropdown within them.
261
+ .has-dropdown {
262
+ position: relative;
263
+
264
+ & > a {
265
+ &:after {
266
+ @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), $default-float);
267
+ margin-#{$opposite-direction}: $topbar-height / 3;
268
+ margin-top: -($topbar-dropdown-toggle-size / 2) - 2;
269
+ position: absolute;
270
+ top: 22px;
271
+ #{$opposite-direction}: 0;
272
+ }
273
+ }
274
+
275
+ &.moved { position: static;
276
+ & > .dropdown {
277
+ visibility: visible;
278
+ }
279
+ }
280
+ }
281
+
282
+ // Styling elements inside of dropdowns
283
+ .dropdown {
284
+ position: absolute;
285
+ #{$default-float}: 100%;
286
+ top: 0;
287
+ visibility: hidden;
288
+ z-index: 99;
289
+
290
+ li { width: 100%;
291
+ a {
292
+ font-weight: normal;
293
+ padding: 8px $topbar-height / 3;
294
+ }
295
+
296
+ &.title h5 { margin-bottom: 0;
297
+ a {
298
+ color: $topbar-link-color;
299
+ line-height: $topbar-height / 2;
300
+ display: block;
301
+ }
302
+ }
303
+ }
304
+
305
+ label {
306
+ padding: 8px $topbar-height / 3 2px;
307
+ margin-bottom: 0;
308
+ text-transform: uppercase;
309
+ color: $dropdown-label-color;
310
+ font-weight: bold;
311
+ font-size: emCalc(10px);
312
+ }
313
+ }
314
+ }
315
+
316
+ // Element that controls breakpoint, no need to change this ever
317
+ .top-bar-js-breakpoint {
318
+ width: $topbar-breakpoint !important;
319
+ visibility: hidden;
320
+ }
321
+ .js-generated { display: block; }
322
+
323
+
324
+ // Top Bar styles intended for screen sizes above the breakpoint.
325
+ @media #{$topbar-media-query} {
326
+ .top-bar { background: $topbar-bg; @include clearfix; overflow: visible;
327
+ .toggle-topbar { display: none; }
328
+
329
+ .title-area { float: $default-float; }
330
+ .name h1 a { width: auto; }
331
+
332
+ input,
333
+ .button {
334
+ line-height: 2em;
335
+ font-size: emCalc(14px);
336
+ height: 2em;
337
+ padding: 0 10px;
338
+ position: relative;
339
+ top: 8px;
340
+ }
341
+
342
+ &.expanded { background: $topbar-bg; }
343
+ }
344
+
345
+ .contain-to-grid .top-bar { max-width: $row-width; margin: 0 auto; margin-bottom: $topbar-margin-bottom; }
346
+
347
+ .top-bar-section {
348
+ @include single-transition(none,0,0);
349
+ #{$default-float}: 0 !important;
350
+
351
+ ul {
352
+ width: auto;
353
+ height: auto !important;
354
+ display: inline;
355
+
356
+ li {
357
+ float: $default-float;
358
+ .js-generated { display: none; }
359
+ }
360
+ }
361
+
362
+ li {
363
+ a:not(.button) {
364
+ padding: 0 $topbar-height / 3;
365
+ line-height: $topbar-height;
366
+ background: $topbar-bg;
367
+ &:hover { background: adjust-color($topbar-dropdown-bg, $lightness: $topbar-link-hover-lightness); }
368
+ }
369
+ }
370
+
371
+ .has-dropdown {
372
+ & > a {
373
+ padding-#{$opposite-direction}: $topbar-dropdown-toggle-size * 7 !important;
374
+
375
+ &:after {
376
+ @include css-triangle($topbar-dropdown-toggle-size, rgba($topbar-dropdown-toggle-color, $topbar-dropdown-toggle-alpha), top);
377
+ margin-top: -($topbar-dropdown-toggle-size / 2);
378
+ }
379
+ }
380
+
381
+ &.moved { position: relative;
382
+ & > .dropdown { visibility: hidden; }
383
+ }
384
+
385
+ &:hover,
386
+ &:active {
387
+ & > .dropdown {
388
+ visibility: visible;
389
+ }
390
+ }
391
+
392
+ .dropdown li.has-dropdown {
393
+ & > a {
394
+ &:after {
395
+ border: none;
396
+ content: "\00bb";
397
+ margin-top: -7px;
398
+ #{$opposite-direction}: 5px;
399
+ }
400
+ }
401
+ }
402
+
403
+ }
404
+
405
+ .dropdown {
406
+ #{$default-float}: 0;
407
+ top: auto;
408
+ background: transparent;
409
+ min-width: 100%;
410
+
411
+ li {
412
+ a {
413
+ color: $topbar-dropdown-link-color;
414
+ line-height: 1;
415
+ white-space: nowrap;
416
+ padding: 7px $topbar-height / 3;
417
+ background: lighten($topbar-bg, 5%);
418
+ }
419
+
420
+ label {
421
+ white-space: nowrap;
422
+ background: lighten($topbar-bg, 5%);
423
+ }
424
+
425
+ // Second Level Dropdowns
426
+ .dropdown {
427
+ #{$default-float}: 100%;
428
+ top: 0;
429
+ }
430
+ }
431
+ }
432
+
433
+ & > ul > .divider,
434
+ & > ul > [role="separator"] {
435
+ border-bottom: none;
436
+ border-top: none;
437
+ border-#{$opposite-direction}: solid 1px lighten($topbar-bg, 10%);
438
+ border-#{$default-float}: solid 1px darken($topbar-bg, 10%);
439
+ clear: none;
440
+ height: $topbar-height;
441
+ width: 0px;
442
+ }
443
+
444
+ .has-form {
445
+ background: $topbar-bg;
446
+ padding: 0 $topbar-height / 3;
447
+ height: $topbar-height;
448
+ }
449
+
450
+ // Position overrides for ul.right
451
+ ul.right {
452
+ li .dropdown {
453
+ left: auto;
454
+ right: 0;
455
+
456
+ li .dropdown { right: 100%; }
457
+ }
458
+ }
459
+
460
+ }
461
+
462
+ }