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,249 @@
1
+ //
2
+ // Switch Variables
3
+ //
4
+
5
+ // Controlling border styles and background colors for the switch container
6
+ $switch-border-color: darken(#fff, 20%) !default;
7
+ $switch-border-style: solid !default;
8
+ $switch-border-width: 1px !default;
9
+ $switch-bg: #fff !default;
10
+
11
+ // We use these to control the switch heights for our default classes
12
+ $switch-height-tny: 22px !default;
13
+ $switch-height-sml: 28px !default;
14
+ $switch-height-med: 36px !default;
15
+ $switch-height-lrg: 44px !default;
16
+ $switch-bottom-margin: emCalc(20px) !default;
17
+
18
+ // We use these to control default font sizes for our classes.
19
+ $switch-font-size-tny: 11px !default;
20
+ $switch-font-size-sml: 12px !default;
21
+ $switch-font-size-med: 14px !default;
22
+ $switch-font-size-lrg: 17px !default;
23
+ $switch-label-side-padding: 6px !default;
24
+
25
+ // We use these to style the switch-paddle
26
+ $switch-paddle-bg: #fff !default;
27
+ $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%) !default;
28
+ $switch-paddle-border-color: darken($switch-paddle-bg, 35%) !default;
29
+ $switch-paddle-border-width: 1px !default;
30
+ $switch-paddle-border-style: solid !default;
31
+ $switch-paddle-transition-speed: .1s !default;
32
+ $switch-paddle-transition-ease: ease-out !default;
33
+ $switch-positive-color: lighten($success-color, 50%) !default;
34
+ $switch-negative-color: #f5f5f5 !default;
35
+
36
+ // Outline Style for tabbing through switches
37
+ $switch-label-outline: 1px dotted #888 !default;
38
+
39
+
40
+ //
41
+ // Switch Mixins
42
+ //
43
+
44
+ // We use this mixin to create the base styles for our switch element.
45
+ @mixin switch-base($transition-speed:$switch-paddle-transition-speed, $transition-ease:$switch-paddle-transition-ease) {
46
+
47
+ // Default position and structure for switch container.
48
+ position: relative;
49
+ width: 100%;
50
+ padding: 0;
51
+ display: block;
52
+ overflow: hidden;
53
+ border-style: $switch-border-style;
54
+ border-width: $switch-border-width;
55
+ margin-bottom: $switch-bottom-margin;
56
+
57
+ // Default label styles for type and transition
58
+ label {
59
+ position: relative;
60
+ #{$default-float}: 0;
61
+ z-index: 2;
62
+ float: $default-float;
63
+ width: 50%;
64
+ height: 100%;
65
+ margin: 0;
66
+ font-weight: bold;
67
+ text-align: $default-float;
68
+
69
+ // Transition for the switch label to follow paddle
70
+ @include single-transition(all, $transition-speed, $transition-ease);
71
+ }
72
+
73
+ // So that we don't need to recreate the form with any JS, we use the
74
+ // existing radio button, but we cleverly position and hide it.
75
+ input {
76
+ position: absolute;
77
+ z-index: 3;
78
+ opacity: 0;
79
+ width: 100%;
80
+ height: 100%;
81
+
82
+ // Hover and focus styles for the paddle
83
+ &:hover,
84
+ &:focus {
85
+ cursor: pointer;
86
+ }
87
+ }
88
+
89
+ // The toggle area for radio switches. We call is a paddle.
90
+ & > span {
91
+ position: absolute;
92
+ top: -1px;
93
+ #{$default-float}: -1px;
94
+ z-index: 1;
95
+ display: block;
96
+ padding: 0;
97
+ border-width: $switch-paddle-border-width;
98
+ border-style: $switch-paddle-border-style;
99
+
100
+ // Transition for the switch paddle
101
+ @include single-transition(all, $transition-speed, $transition-ease);
102
+ }
103
+
104
+ // When a label isn't :checked, we hide it as it slides away.
105
+ input:not(:checked) + label { opacity: 0; }
106
+
107
+ // Controlling the position of the labels as they are toggled.
108
+ input:checked { display: none !important; }
109
+ input { #{$default-float}: 0; display: block !important; }
110
+
111
+ // Left Label alignment and position changes, including fixes for while inside a custom form
112
+ input:first-of-type + label,
113
+ input:first-of-type + span + label { #{$default-float}: -50%; }
114
+ input:first-of-type:checked + label,
115
+ input:first-of-type:checked + span + label { #{$default-float}: 0%; }
116
+
117
+ // Right Label alignment and position changes, including fixes for while inside a custom form
118
+ input:last-of-type + label,
119
+ input:last-of-type + span + label {#{$opposite-direction}: -50%; #{$default-float}: auto; text-align: $opposite-direction; }
120
+ input:last-of-type:checked + label,
121
+ input:last-of-type:checked + span + label { #{$opposite-direction}: 0%; #{$default-float}: auto; }
122
+
123
+ // Hiding custom form spans since we auto-create them
124
+ span.custom { display: none !important; }
125
+
126
+ // Bugfix for older Webkit, including mobile Webkit. Adapted from:
127
+ // http://css-tricks.com/webkit-sibling-bug/
128
+ -webkit-animation: webkitSiblingBugfix infinite 1s;
129
+
130
+ }
131
+
132
+ // We use this mixin to create the size styles for switches.
133
+ @mixin switch-size($height:$switch-height-med, $font-size:$switch-font-size-med, $line-height:2.3em) {
134
+
135
+ height: $height;
136
+
137
+ label {
138
+ padding: 0 emCalc($switch-label-side-padding);
139
+ line-height: $line-height;
140
+ font-size: emCalc($font-size);
141
+ }
142
+
143
+ input {
144
+ // Move the paddle to the right position
145
+ &:first-of-type:checked ~ span {
146
+ #{$default-float}: 100%;
147
+ margin-#{$default-float}: emCalc(-$height + 1px);
148
+ }
149
+ }
150
+
151
+ & > span {
152
+ width: emCalc($height);
153
+ height: emCalc($height);
154
+ }
155
+
156
+ }
157
+
158
+ // We use this mixin to add color and other fanciness to the switches.
159
+ @mixin switch-style($paddle-bg:$switch-paddle-bg, $positive-color:$switch-positive-color, $negative-color:$switch-negative-color, $radius:false, $base-style:true) {
160
+
161
+ @if $base-style {
162
+ background: $switch-bg;
163
+ border-color: $switch-border-color;
164
+
165
+ & > span {
166
+ border-color: darken($paddle-bg, 30%);
167
+ background: $paddle-bg;
168
+ background: -moz-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 5%) 100%);
169
+ background: -webkit-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 5%) 100%);
170
+ background: linear-gradient(to bottom, $paddle-bg 0%, darken($paddle-bg, 5%) 100%);
171
+
172
+ // Building the alternating colored sides of the switch
173
+ -webkit-box-shadow: 2px 0 10px 0 rgba(0,0,0,0.07),
174
+ 1000px 0 0 1000px $positive-color,
175
+ -2px 0 10px 0 rgba(0,0,0,0.07),
176
+ -1000px 0 0 1000px $negative-color;
177
+ box-shadow: 2px 0 10px 0 rgba(0,0,0,0.07),
178
+ 1000px 0 0 980px $positive-color,
179
+ -2px 0 10px 0 rgba(0,0,0,0.07),
180
+ -1000px 0 0 1000px $negative-color;
181
+ }
182
+
183
+ &:hover,
184
+ &:focus {
185
+ & > span {
186
+ background: $paddle-bg;
187
+ background: -moz-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 10%) 100%);
188
+ background: -webkit-linear-gradient(top, $paddle-bg 0%, darken($paddle-bg, 10%) 100%);
189
+ background: linear-gradient(to bottom, $paddle-bg 0%, darken($paddle-bg, 10%) 100%);
190
+ }
191
+ }
192
+
193
+ &:active { background: transparent; }
194
+ }
195
+
196
+ // Setting up the radius for switches
197
+ @if $radius == true {
198
+ @include radius(4px);
199
+ & > span { @include radius(3px); }
200
+ }
201
+ @else if $radius {
202
+ @include radius($radius);
203
+ & > span { @include radius($radius - 1px); }
204
+ }
205
+
206
+ }
207
+
208
+ // We use this to quickly create switches with a single mixin
209
+ @mixin switch($transition-speed:$switch-paddle-transition-speed, $transition-ease:$switch-paddle-transition-ease, $height:$switch-height-med, $font-size:$switch-font-size-med, $line-height:2.3em, $paddle-bg:$switch-paddle-bg, $positive-color:$switch-positive-color, $negative-color:$switch-negative-color, $radius:false, $base-style:true) {
210
+ @include switch-base($transition-speed, $transition-ease);
211
+ @include switch-size($height, $font-size, $line-height);
212
+ @include switch-style($paddle-bg, $positive-color, $negative-color, $radius, $base-style);
213
+ }
214
+
215
+ @if $include-html-button-classes != false {
216
+
217
+ /* Foundation Switches */
218
+ @media only screen {
219
+
220
+ // Containing element for the radio switch
221
+ div.switch {
222
+ @include switch;
223
+
224
+ // Large radio switches
225
+ &.large { @include switch-size($switch-height-lrg, $switch-font-size-lrg); }
226
+
227
+ // Small radio switches
228
+ &.small { @include switch-size($switch-height-sml, $switch-font-size-sml, 2.1em); }
229
+
230
+ // Tiny radio switches
231
+ &.tiny { @include switch-size($switch-height-tny, $switch-font-size-tny, 1.9em); }
232
+
233
+ // Add a radius to the switch
234
+ &.radius { @include radius(4px);
235
+ & > span { @include radius(3px); }
236
+ }
237
+
238
+ // Make the switch completely round, like a pill
239
+ &.round { @include radius(1000px);
240
+ & > span { @include radius(999px); }
241
+ label { padding: 0 emCalc($switch-label-side-padding + 3px); }
242
+ }
243
+
244
+ }
245
+
246
+ @-webkit-keyframes webkitSiblingBugfix { from { position: relative; } to { position: relative; } }
247
+
248
+ }
249
+ }
@@ -0,0 +1,80 @@
1
+ //
2
+ // Table Variables
3
+ //
4
+
5
+ // These control the background color for the table and even rows
6
+ $table-bg: #fff !default;
7
+ $table-even-row-bg: #f9f9f9 !default;
8
+
9
+ // These control the table cell border style
10
+ $table-border-style: solid !default;
11
+ $table-border-size: 1px !default;
12
+ $table-border-color: #ddd !default;
13
+
14
+ // These control the table head styles
15
+ $table-head-bg: #f5f5f5 !default;
16
+ $table-head-font-size: emCalc(14px) !default;
17
+ $table-head-font-color: #222 !default;
18
+ $table-head-font-weight: bold !default;
19
+ $table-head-padding: emCalc(8px) emCalc(10px) emCalc(10px) !default;
20
+
21
+ // These control the row padding and font styles
22
+ $table-row-padding: emCalc(9px) emCalc(10px) !default;
23
+ $table-row-font-size: emCalc(14px) !default;
24
+ $table-row-font-color: #222 !default;
25
+ $table-line-height: emCalc(18px) !default;
26
+
27
+ // These are for controlling the display and margin of tables
28
+ $table-display: table-cell !default;
29
+ $table-margin-bottom: emCalc(20px) !default;
30
+
31
+
32
+ //
33
+ // Table Mixin
34
+ //
35
+ @mixin table {
36
+ background: $table-bg;
37
+ margin-bottom: $table-margin-bottom;
38
+ border: $table-border-style $table-border-size $table-border-color;
39
+
40
+ thead,
41
+ tfoot {
42
+ background: $table-head-bg;
43
+ font-weight: $table-head-font-weight;
44
+
45
+ tr {
46
+ th,
47
+ td {
48
+ padding: $table-head-padding;
49
+ font-size: $table-head-font-size;
50
+ color: $table-head-font-color;
51
+ text-align: $default-float;
52
+ }
53
+ }
54
+ }
55
+
56
+ tr {
57
+ th,
58
+ td {
59
+ padding: $table-row-padding;
60
+ font-size: $table-row-font-size;
61
+ color: $table-row-font-color;
62
+ }
63
+
64
+ &.even,
65
+ &.alt,
66
+ &:nth-of-type(even) { background: $table-even-row-bg; }
67
+ }
68
+
69
+ thead tr th,
70
+ tfoot tr th,
71
+ tbody tr td,
72
+ tr td,
73
+ tfoot tr td { display: $table-display; line-height: $table-line-height; }
74
+ }
75
+
76
+
77
+ /* Tables */
78
+ table {
79
+ @include table;
80
+ }
@@ -0,0 +1,47 @@
1
+ //
2
+ // Image Thumbnail Variables
3
+ //
4
+
5
+ // We use these to control border styles
6
+ $thumb-border-style: solid !default;
7
+ $thumb-border-width: 4px !default;
8
+ $thumb-border-color: #fff !default;
9
+ $thumb-box-shadow: 0 0 0 1px rgba(#000,.2) !default;
10
+ $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5) !default;
11
+
12
+ // Radius and transition speed for thumbs
13
+ $thumb-radius: $global-radius !default;
14
+ $thumb-transition-speed: 200ms !default;
15
+
16
+ //
17
+ // Image Thumbnail Mixins
18
+ //
19
+
20
+ // We use this to create image thumbnail styles.
21
+ @mixin thumb($border-width:$thumb-border-width, $box-shadow:$thumb-box-shadow, $box-shadow-hover:$thumb-box-shadow-hover) {
22
+ line-height: 0;
23
+ display: inline-block;
24
+ border: $thumb-border-style $border-width $thumb-border-color;
25
+ -webkit-box-shadow: $box-shadow;
26
+ box-shadow: $box-shadow;
27
+
28
+ &:hover,
29
+ &:focus { -webkit-box-shadow: $box-shadow-hover; box-shadow: $box-shadow-hover; }
30
+ }
31
+
32
+
33
+ // If html classes are turned on we'll include these classes.
34
+ @if $include-html-media-classes != false {
35
+
36
+ /* Image Thumbnails */
37
+ .th {
38
+ @include thumb;
39
+ @include single-transition(all,$thumb-transition-speed,ease-out);
40
+
41
+ &.radius { @include radius($thumb-radius); }
42
+ }
43
+ a.th { display: block; }
44
+
45
+ }
46
+
47
+
@@ -0,0 +1,113 @@
1
+ //
2
+ // Tooltip Variables
3
+ //
4
+ $has-tip-border-bottom: dotted 1px #ccc !default;
5
+ $has-tip-font-weight: bold !default;
6
+ $has-tip-font-color: #333 !default;
7
+ $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%) !default;
8
+ $has-tip-font-color-hover: $primary-color !default;
9
+ $has-tip-cursor-type: help !default;
10
+
11
+ $tooltip-padding: emCalc(8px) !default;
12
+ $tooltip-bg: #000 !default;
13
+ $tooltip-font-size: emCalc(15px) !default;
14
+ $tooltip-font-weight: bold !default;
15
+ $tooltip-font-color: #fff !default;
16
+ $tooltip-line-height: 1.3 !default;
17
+ $tooltip-close-font-size: emCalc(10px) !default;
18
+ $tooltip-close-font-weight: normal !default;
19
+ $tooltip-close-font-color: #888 !default;
20
+ $tooltip-font-size-sml: emCalc(14px) !default;
21
+ $tooltip-radius: $global-radius !default;
22
+ $tooltip-pip-size: 5px !default;
23
+
24
+
25
+ /* Tooltips */
26
+
27
+ .has-tip {
28
+ border-bottom: $has-tip-border-bottom;
29
+ cursor: $has-tip-cursor-type;
30
+ font-weight: $has-tip-font-weight;
31
+ color: $has-tip-font-color;
32
+
33
+ &:hover,
34
+ &:focus {
35
+ border-bottom: $has-tip-border-bottom-hover;
36
+ color: $has-tip-font-color-hover;
37
+ }
38
+
39
+ &.tip-left,
40
+ &.tip-right { float: none !important; }
41
+ }
42
+
43
+ .tooltip {
44
+ display: none;
45
+ position: absolute;
46
+ z-index: 999;
47
+ font-weight: $tooltip-font-weight;
48
+ font-size: $tooltip-font-size;
49
+ line-height: $tooltip-line-height;
50
+ padding: $tooltip-padding;
51
+ max-width: 85%;
52
+ #{$default-float}: 50%;
53
+ width: 100%;
54
+ color: $tooltip-font-color;
55
+ background: $tooltip-bg;
56
+ @include radius($tooltip-radius);
57
+
58
+ &>.nub {
59
+ display: block;
60
+ #{$default-float}: $tooltip-pip-size;
61
+ position: absolute;
62
+ width: 0;
63
+ height: 0;
64
+ border: solid $tooltip-pip-size;
65
+ border-color: transparent transparent $tooltip-bg transparent;
66
+ top: -($tooltip-pip-size * 2);
67
+ }
68
+
69
+ &.opened {
70
+ color: $has-tip-font-color-hover !important;
71
+ border-bottom: $has-tip-border-bottom-hover !important;
72
+ }
73
+ }
74
+
75
+ .tap-to-close {
76
+ display: block;
77
+ font-size: $tooltip-close-font-size;
78
+ color: $tooltip-close-font-color;
79
+ font-weight: $tooltip-close-font-weight;
80
+ }
81
+
82
+ @media #{$small} {
83
+ .tooltip {
84
+ &>.nub {
85
+ border-color: transparent transparent $tooltip-bg transparent;
86
+ top: -($tooltip-pip-size * 2);
87
+ }
88
+ &.tip-top>.nub {
89
+ border-color: $tooltip-bg transparent transparent transparent;
90
+ top: auto;
91
+ bottom: -($tooltip-pip-size * 2);
92
+ }
93
+
94
+ &.tip-left,
95
+ &.tip-right { float: none !important; }
96
+
97
+ &.tip-left>.nub {
98
+ border-color: transparent transparent transparent $tooltip-bg;
99
+ right: -($tooltip-pip-size * 2);
100
+ left: auto;
101
+ top: 50%;
102
+ margin-top: -$tooltip-pip-size;
103
+ }
104
+ &.tip-right>.nub {
105
+ border-color: transparent $tooltip-bg transparent transparent;
106
+ right: auto;
107
+ left: -($tooltip-pip-size * 2);
108
+ top: 50%;
109
+ margin-top: -$tooltip-pip-size;
110
+ }
111
+
112
+ }
113
+ }