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.
- data/.gitignore +17 -0
- data/Gemfile +5 -0
- data/Gemfile.lock +94 -0
- data/Guardfile +6 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/bin/zitgit +4 -0
- data/lib/zitgit/version.rb +3 -0
- data/lib/zitgit.rb +57 -0
- data/public/coffee/application.coffee +54 -0
- data/public/css/app.css +4071 -0
- data/public/images/loader.gif +0 -0
- data/public/js/application.js +69 -0
- data/public/js/jquery.js +5 -0
- data/public/js/jquery.nicescroll.js +111 -0
- data/public/scss/app.scss +155 -0
- data/public/scss/foundation/foundation/_variables.scss +1037 -0
- data/public/scss/foundation/foundation/components/_alert-boxes.scss +106 -0
- data/public/scss/foundation/foundation/components/_block-grid.scss +70 -0
- data/public/scss/foundation/foundation/components/_breadcrumbs.scss +124 -0
- data/public/scss/foundation/foundation/components/_button-groups.scss +88 -0
- data/public/scss/foundation/foundation/components/_buttons.scss +226 -0
- data/public/scss/foundation/foundation/components/_clearing.scss +211 -0
- data/public/scss/foundation/foundation/components/_custom-forms.scss +240 -0
- data/public/scss/foundation/foundation/components/_dropdown-buttons.scss +114 -0
- data/public/scss/foundation/foundation/components/_dropdown.scss +149 -0
- data/public/scss/foundation/foundation/components/_flex-video.scss +45 -0
- data/public/scss/foundation/foundation/components/_forms.scss +348 -0
- data/public/scss/foundation/foundation/components/_global.scss +267 -0
- data/public/scss/foundation/foundation/components/_grid.scss +184 -0
- data/public/scss/foundation/foundation/components/_inline-lists.scss +52 -0
- data/public/scss/foundation/foundation/components/_joyride.scss +208 -0
- data/public/scss/foundation/foundation/components/_keystrokes.scss +56 -0
- data/public/scss/foundation/foundation/components/_labels.scss +84 -0
- data/public/scss/foundation/foundation/components/_magellan.scss +21 -0
- data/public/scss/foundation/foundation/components/_orbit.scss +207 -0
- data/public/scss/foundation/foundation/components/_pagination.scss +99 -0
- data/public/scss/foundation/foundation/components/_panels.scss +76 -0
- data/public/scss/foundation/foundation/components/_pricing-tables.scss +130 -0
- data/public/scss/foundation/foundation/components/_progress-bars.scss +70 -0
- data/public/scss/foundation/foundation/components/_reveal.scss +131 -0
- data/public/scss/foundation/foundation/components/_section.scss +303 -0
- data/public/scss/foundation/foundation/components/_side-nav.scss +68 -0
- data/public/scss/foundation/foundation/components/_split-buttons.scss +159 -0
- data/public/scss/foundation/foundation/components/_sub-nav.scss +67 -0
- data/public/scss/foundation/foundation/components/_switch.scss +249 -0
- data/public/scss/foundation/foundation/components/_tables.scss +80 -0
- data/public/scss/foundation/foundation/components/_thumbs.scss +47 -0
- data/public/scss/foundation/foundation/components/_tooltips.scss +113 -0
- data/public/scss/foundation/foundation/components/_top-bar.scss +462 -0
- data/public/scss/foundation/foundation/components/_type.scss +422 -0
- data/public/scss/foundation/foundation/components/_visibility.scss +320 -0
- data/public/scss/foundation/foundation.scss +46 -0
- data/public/scss/foundation/normalize.scss +402 -0
- data/views/branch.slim +1 -0
- data/views/commits/detail.slim +12 -0
- data/views/commits/labels.slim +9 -0
- data/views/commits/list.slim +22 -0
- data/views/diffs/list.slim +39 -0
- data/views/index.slim +36 -0
- data/views/layout.slim +9 -0
- data/views/refs/dropdown.slim +3 -0
- data/zitgit.gemspec +30 -0
- metadata +239 -0
@@ -0,0 +1,184 @@
|
|
1
|
+
//
|
2
|
+
// Grid Variables
|
3
|
+
//
|
4
|
+
$row-width: emCalc(1000px) !default;
|
5
|
+
$column-gutter: emCalc(30px) !default;
|
6
|
+
$total-columns: 12 !default;
|
7
|
+
|
8
|
+
//
|
9
|
+
// Grid Function
|
10
|
+
//
|
11
|
+
|
12
|
+
@function gridCalc($colNumber, $totalColumns) {
|
13
|
+
@return percentage(($colNumber / $totalColumns));
|
14
|
+
}
|
15
|
+
|
16
|
+
//
|
17
|
+
// Grid Mixins
|
18
|
+
//
|
19
|
+
|
20
|
+
// For creating container, nested, and collapsed rows.
|
21
|
+
@mixin grid-row($behavior: false) {
|
22
|
+
|
23
|
+
// use @include grid-row(nest); to include a nested row
|
24
|
+
@if $behavior == nest {
|
25
|
+
width: auto;
|
26
|
+
margin-#{$default-float}: -($column-gutter/2);
|
27
|
+
margin-#{$opposite-direction}: -($column-gutter/2);
|
28
|
+
margin-top: 0;
|
29
|
+
margin-bottom: 0;
|
30
|
+
max-width: none;
|
31
|
+
}
|
32
|
+
|
33
|
+
// use @include grid-row(collapse); to collapsed a container row margins
|
34
|
+
@else if $behavior == collapse {
|
35
|
+
width: 100%;
|
36
|
+
margin: 0;
|
37
|
+
max-width: $row-width;
|
38
|
+
}
|
39
|
+
|
40
|
+
// use @include grid-row(nest-collapse); to collapse outer margins on a nested row
|
41
|
+
@else if $behavior == nest-collapse {
|
42
|
+
width: auto;
|
43
|
+
margin: 0;
|
44
|
+
max-width: none;
|
45
|
+
}
|
46
|
+
|
47
|
+
// use @include grid-row; to use a container row
|
48
|
+
@else {
|
49
|
+
width: 100%;
|
50
|
+
margin-#{$default-float}: auto;
|
51
|
+
margin-#{$opposite-direction}: auto;
|
52
|
+
margin-top: 0;
|
53
|
+
margin-bottom: 0;
|
54
|
+
max-width: $row-width;
|
55
|
+
}
|
56
|
+
|
57
|
+
// Clearfix for all rows
|
58
|
+
@include clearfix();
|
59
|
+
|
60
|
+
}
|
61
|
+
|
62
|
+
|
63
|
+
// For creating columns - @include these inside a media query to control small vs. large grid layouts
|
64
|
+
@mixin grid-column($columns:false, $last-column:false, $center:false, $offset:false, $push:false, $pull:false, $collapse:false, $float:$default-float) {
|
65
|
+
|
66
|
+
position: relative;
|
67
|
+
|
68
|
+
// If collapsed, get rid of gutter padding
|
69
|
+
@if $collapse {
|
70
|
+
padding-left: 0;
|
71
|
+
padding-right: 0;
|
72
|
+
}
|
73
|
+
|
74
|
+
// Gutter padding whenever a column isn't set to collapse
|
75
|
+
// (use $collapse:null to do nothing)
|
76
|
+
@else if $collapse == false {
|
77
|
+
padding-left: $column-gutter / 2;
|
78
|
+
padding-right: $column-gutter / 2;
|
79
|
+
}
|
80
|
+
|
81
|
+
// If a column number is given, calculate width
|
82
|
+
@if $columns {
|
83
|
+
width: gridCalc($columns, $total-columns);
|
84
|
+
|
85
|
+
// If last column, float naturally instead of to the right
|
86
|
+
@if $last-column { float: $opposite-direction; }
|
87
|
+
}
|
88
|
+
|
89
|
+
// If offset, calculate appropriate margins
|
90
|
+
@if $offset { margin-#{$default-float}: gridCalc($offset, $total-columns); }
|
91
|
+
|
92
|
+
// Source Ordering, adds left/right depending on which you use.
|
93
|
+
@if $push { #{$default-float}: gridCalc($push, $total-columns); #{$opposite-direction}: auto; }
|
94
|
+
@if $pull { #{$opposite-direction}: gridCalc($pull, $total-columns); #{$default-float}: auto; }
|
95
|
+
|
96
|
+
// If centered, get rid of float and add appropriate margins
|
97
|
+
@if $center {
|
98
|
+
margin-#{$default-float}: auto;
|
99
|
+
margin-#{$opposite-direction}: auto;
|
100
|
+
float: none !important;
|
101
|
+
}
|
102
|
+
|
103
|
+
@if $float {
|
104
|
+
@if $float == left or $float == true { float: $default-float; }
|
105
|
+
@else if $float == right { float: $opposite-direction; }
|
106
|
+
@else { float: none; }
|
107
|
+
}
|
108
|
+
|
109
|
+
}
|
110
|
+
|
111
|
+
|
112
|
+
/* Grid HTML Classes */
|
113
|
+
@if $include-html-grid-classes != false {
|
114
|
+
|
115
|
+
.row {
|
116
|
+
@include grid-row;
|
117
|
+
|
118
|
+
&.collapse {
|
119
|
+
.column,
|
120
|
+
.columns { @include grid-column($collapse:true); }
|
121
|
+
}
|
122
|
+
|
123
|
+
.row { @include grid-row($behavior:nest);
|
124
|
+
&.collapse { @include grid-row($behavior:nest-collapse); }
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
.column,
|
129
|
+
.columns { @include grid-column($columns:$total-columns); }
|
130
|
+
|
131
|
+
@media only screen {
|
132
|
+
|
133
|
+
.column,
|
134
|
+
.columns { @include grid-column($columns:false); }
|
135
|
+
|
136
|
+
@for $i from 1 through $total-columns {
|
137
|
+
.small#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }
|
138
|
+
}
|
139
|
+
|
140
|
+
@for $i from 1 through $total-columns - 2 {
|
141
|
+
.small-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }
|
142
|
+
}
|
143
|
+
|
144
|
+
[class*="column"] + [class*="column"]:last-child { float: $opposite-direction; }
|
145
|
+
[class*="column"] + [class*="column"].end { float: $default-float; }
|
146
|
+
|
147
|
+
.column.small-centered,
|
148
|
+
.columns.small-centered { @include grid-column($center:true, $collapse:null, $float:false); }
|
149
|
+
}
|
150
|
+
|
151
|
+
/* Styles for screens that are atleast 768px; */
|
152
|
+
@media #{$small} {
|
153
|
+
|
154
|
+
@for $i from 1 through $total-columns {
|
155
|
+
.large#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }
|
156
|
+
}
|
157
|
+
|
158
|
+
@for $i from 1 through $total-columns - 1 {
|
159
|
+
.row .large-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }
|
160
|
+
}
|
161
|
+
|
162
|
+
@for $i from 1 through $total-columns - 1 {
|
163
|
+
.push#{-$i} { @include grid-column($push:$i, $collapse:null, $float:false); }
|
164
|
+
.pull#{-$i} { @include grid-column($pull:$i, $collapse:null, $float:false); }
|
165
|
+
}
|
166
|
+
|
167
|
+
@for $i from 1 through $total-columns - 1 {
|
168
|
+
.small-push#{-$i} { #{$default-float}: inherit; }
|
169
|
+
.small-pull#{-$i} { #{$opposite-direction}: inherit; }
|
170
|
+
}
|
171
|
+
|
172
|
+
.column.small-centered,
|
173
|
+
.columns.small-centered {
|
174
|
+
margin-#{$default-float}: 0;
|
175
|
+
margin-#{$opposite-direction}: 0;
|
176
|
+
float: $default-float !important;
|
177
|
+
}
|
178
|
+
|
179
|
+
.column.large-centered,
|
180
|
+
.columns.large-centered { @include grid-column($center:true, $collapse:null, $float:false); }
|
181
|
+
|
182
|
+
}
|
183
|
+
|
184
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
//
|
2
|
+
// Inline List Variables
|
3
|
+
//
|
4
|
+
|
5
|
+
// We use this to control the margins and padding of the inline list.
|
6
|
+
$inline-list-top-margin: 0 !default;
|
7
|
+
$inline-list-opposite-margin: 0 !default;
|
8
|
+
$inline-list-bottom-margin: emCalc(17px) !default;
|
9
|
+
$inline-list-default-float-margin: emCalc(-22px) !default;
|
10
|
+
|
11
|
+
$inline-list-padding: 0 !default;
|
12
|
+
|
13
|
+
// We use this to control the overflow of the inline list.
|
14
|
+
$inline-list-overflow: hidden !default;
|
15
|
+
|
16
|
+
// We use this to control the list items
|
17
|
+
$inline-list-display: block !default;
|
18
|
+
|
19
|
+
// We use this to control any elments within list items
|
20
|
+
$inline-list-children-display: block !default;
|
21
|
+
|
22
|
+
//
|
23
|
+
// Inline List Mixins
|
24
|
+
//
|
25
|
+
|
26
|
+
// We use this mixin to create inline lists
|
27
|
+
@mixin inline-list {
|
28
|
+
margin: $inline-list-top-margin auto $inline-list-bottom-margin auto;
|
29
|
+
margin-#{$default-float}: $inline-list-default-float-margin;
|
30
|
+
margin-#{$opposite-direction}: $inline-list-opposite-margin;
|
31
|
+
padding: $inline-list-padding;
|
32
|
+
list-style: none;
|
33
|
+
overflow: $inline-list-overflow;
|
34
|
+
|
35
|
+
& > li {
|
36
|
+
list-style: none;
|
37
|
+
float: $default-float;
|
38
|
+
margin-#{$default-float}: emCalc(22px);
|
39
|
+
display: $inline-list-display;
|
40
|
+
&>* { display: $inline-list-children-display; }
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
|
45
|
+
@if $include-html-grid-classes != false {
|
46
|
+
|
47
|
+
/* Inline Lists */
|
48
|
+
.inline-list {
|
49
|
+
@include inline-list();
|
50
|
+
}
|
51
|
+
|
52
|
+
}
|
@@ -0,0 +1,208 @@
|
|
1
|
+
//
|
2
|
+
// Joyride Variables
|
3
|
+
//
|
4
|
+
|
5
|
+
// Controlling default Joyride styles
|
6
|
+
$joyride-tip-bg: rgb(0,0,0) !default;
|
7
|
+
$joyride-tip-default-width: 300px !default;
|
8
|
+
$joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px) !default;
|
9
|
+
$joyride-tip-border: solid 1px #555 !default;
|
10
|
+
$joyride-tip-radius: 4px !default;
|
11
|
+
$joyride-tip-position-offset: 22px !default;
|
12
|
+
|
13
|
+
// Here, we're setting the tip dont styles
|
14
|
+
$joyride-tip-font-color: #fff !default;
|
15
|
+
$joyride-tip-font-size: emCalc(14px) !default;
|
16
|
+
$joyride-tip-header-weight: bold !default;
|
17
|
+
|
18
|
+
// This changes the nub size
|
19
|
+
$joyride-tip-nub-size: 14px !default;
|
20
|
+
|
21
|
+
// This adjusts the styles for the timer when its enabled
|
22
|
+
$joyride-tip-timer-width: 50px !default;
|
23
|
+
$joyride-tip-timer-height: 3px !default;
|
24
|
+
$joyride-tip-timer-color: #666 !default;
|
25
|
+
|
26
|
+
// This changes up the styles for the close button
|
27
|
+
$joyride-tip-close-color: #777 !default;
|
28
|
+
$joyride-tip-close-size: 30px !default;
|
29
|
+
$joyride-tip-close-weight: normal !default;
|
30
|
+
|
31
|
+
// When Joyride is filling the screen, we use this style for the bg
|
32
|
+
$joyride-screenfill: rgba(0,0,0,0.5) !default;
|
33
|
+
|
34
|
+
|
35
|
+
// We decided not to make a mixin for this because it relies on predefined classes to work properly.
|
36
|
+
|
37
|
+
/* Foundation Joyride */
|
38
|
+
.joyride-list { display: none; }
|
39
|
+
|
40
|
+
/* Default styles for the container */
|
41
|
+
.joyride-tip-guide {
|
42
|
+
display: none;
|
43
|
+
position: absolute;
|
44
|
+
background: $joyride-tip-bg;
|
45
|
+
color: $joyride-tip-font-color;
|
46
|
+
z-index: 101;
|
47
|
+
top: 0;
|
48
|
+
#{$default-float}: 2.5%;
|
49
|
+
font-family: inherit;
|
50
|
+
font-weight: normal;
|
51
|
+
width: 95%;
|
52
|
+
}
|
53
|
+
|
54
|
+
.lt-ie9 .joyride-tip-guide {
|
55
|
+
max-width:800px;
|
56
|
+
#{$default-float}: 50%;
|
57
|
+
margin-#{$default-float}:-400px;
|
58
|
+
}
|
59
|
+
|
60
|
+
.joyride-content-wrapper {
|
61
|
+
width: 100%;
|
62
|
+
|
63
|
+
padding: $joyride-tip-padding;
|
64
|
+
|
65
|
+
.button { margin-bottom: 0 !important; }
|
66
|
+
}
|
67
|
+
|
68
|
+
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
|
69
|
+
.joyride-tip-guide {
|
70
|
+
.joyride-nub {
|
71
|
+
display: block;
|
72
|
+
position: absolute;
|
73
|
+
#{$default-float}: $joyride-tip-position-offset;
|
74
|
+
width: 0;
|
75
|
+
height: 0;
|
76
|
+
border: solid $joyride-tip-nub-size;
|
77
|
+
|
78
|
+
&.top {
|
79
|
+
border-color: $joyride-tip-bg;
|
80
|
+
border-top-color: transparent !important;
|
81
|
+
border-#{$default-float}-color: transparent !important;
|
82
|
+
border-#{$opposite-direction}-color: transparent !important;
|
83
|
+
top: -($joyride-tip-nub-size*2);
|
84
|
+
}
|
85
|
+
&.bottom {
|
86
|
+
border-color: $joyride-tip-bg !important;
|
87
|
+
border-bottom-color: transparent !important;
|
88
|
+
border-#{$default-float}-color: transparent !important;
|
89
|
+
border-#{$opposite-direction}-color: transparent !important;
|
90
|
+
bottom: -($joyride-tip-nub-size*2);
|
91
|
+
}
|
92
|
+
|
93
|
+
&.right { right: -($joyride-tip-nub-size*2); }
|
94
|
+
&.left { left: -($joyride-tip-nub-size*2); }
|
95
|
+
}
|
96
|
+
}
|
97
|
+
|
98
|
+
/* Typography */
|
99
|
+
.joyride-tip-guide h1,
|
100
|
+
.joyride-tip-guide h2,
|
101
|
+
.joyride-tip-guide h3,
|
102
|
+
.joyride-tip-guide h4,
|
103
|
+
.joyride-tip-guide h5,
|
104
|
+
.joyride-tip-guide h6 {
|
105
|
+
line-height: 1.25;
|
106
|
+
margin: 0;
|
107
|
+
font-weight: $joyride-tip-header-weight;
|
108
|
+
color: $joyride-tip-font-color;
|
109
|
+
}
|
110
|
+
.joyride-tip-guide p {
|
111
|
+
margin: 0 0 emCalc(18px) 0;
|
112
|
+
font-size: $joyride-tip-font-size;
|
113
|
+
line-height: 1.3;
|
114
|
+
}
|
115
|
+
|
116
|
+
.joyride-timer-indicator-wrap {
|
117
|
+
width: $joyride-tip-timer-width;
|
118
|
+
height: $joyride-tip-timer-height;
|
119
|
+
border: $joyride-tip-border;
|
120
|
+
position: absolute;
|
121
|
+
#{$opposite-direction}: emCalc(17px);
|
122
|
+
bottom: emCalc(16px);
|
123
|
+
}
|
124
|
+
.joyride-timer-indicator {
|
125
|
+
display: block;
|
126
|
+
width: 0;
|
127
|
+
height: inherit;
|
128
|
+
background: $joyride-tip-timer-color;
|
129
|
+
}
|
130
|
+
|
131
|
+
.joyride-close-tip {
|
132
|
+
position: absolute;
|
133
|
+
#{$opposite-direction}: 12px;
|
134
|
+
top: 10px;
|
135
|
+
color: $joyride-tip-close-color !important;
|
136
|
+
text-decoration: none;
|
137
|
+
font-size: $joyride-tip-close-size;
|
138
|
+
font-weight: $joyride-tip-close-weight;
|
139
|
+
line-height: .5 !important;
|
140
|
+
|
141
|
+
&:hover,
|
142
|
+
&:focus { color: #eee !important; }
|
143
|
+
}
|
144
|
+
|
145
|
+
.joyride-modal-bg {
|
146
|
+
position: fixed;
|
147
|
+
height: 100%;
|
148
|
+
width: 100%;
|
149
|
+
background: transparent;
|
150
|
+
background: $joyride-screenfill;
|
151
|
+
z-index: 100;
|
152
|
+
display: none;
|
153
|
+
top: 0;
|
154
|
+
#{$default-float}: 0;
|
155
|
+
cursor: pointer;
|
156
|
+
}
|
157
|
+
|
158
|
+
.joyride-expose-wrapper {
|
159
|
+
background-color: #ffffff;
|
160
|
+
position: absolute;
|
161
|
+
border-radius: 3px;
|
162
|
+
z-index: 102;
|
163
|
+
-moz-box-shadow: 0px 0px 30px #ffffff;
|
164
|
+
-webkit-box-shadow: 0px 0px 15px #ffffff;
|
165
|
+
box-shadow: 0px 0px 15px #ffffff;
|
166
|
+
}
|
167
|
+
|
168
|
+
.joyride-expose-cover {
|
169
|
+
background: transparent;
|
170
|
+
border-radius: 3px;
|
171
|
+
position: absolute;
|
172
|
+
z-index: 9999;
|
173
|
+
top: 0px;
|
174
|
+
left: 0px;
|
175
|
+
}
|
176
|
+
|
177
|
+
|
178
|
+
/* Styles for screens that are atleast 768px; */
|
179
|
+
@media #{$small} {
|
180
|
+
.joyride-tip-guide { width: $joyride-tip-default-width; #{$default-float}: inherit;
|
181
|
+
.joyride-nub {
|
182
|
+
&.bottom {
|
183
|
+
border-color: $joyride-tip-bg !important;
|
184
|
+
border-bottom-color: transparent !important;
|
185
|
+
border-#{$default-float}-color: transparent !important;
|
186
|
+
border-#{$opposite-direction}-color: transparent !important;
|
187
|
+
bottom: -($joyride-tip-nub-size*2);
|
188
|
+
}
|
189
|
+
&.right {
|
190
|
+
border-color: $joyride-tip-bg !important;
|
191
|
+
border-top-color: transparent !important;
|
192
|
+
border-right-color: transparent !important; border-bottom-color: transparent !important;
|
193
|
+
top: $joyride-tip-position-offset;
|
194
|
+
left: auto;
|
195
|
+
right: -($joyride-tip-nub-size*2);
|
196
|
+
}
|
197
|
+
&.left {
|
198
|
+
border-color: $joyride-tip-bg !important;
|
199
|
+
border-top-color: transparent !important;
|
200
|
+
border-left-color: transparent !important;
|
201
|
+
border-bottom-color: transparent !important;
|
202
|
+
top: $joyride-tip-position-offset;
|
203
|
+
left: -($joyride-tip-nub-size*2);
|
204
|
+
right: auto;
|
205
|
+
}
|
206
|
+
}
|
207
|
+
}
|
208
|
+
}
|
@@ -0,0 +1,56 @@
|
|
1
|
+
//
|
2
|
+
// Keystroke Variables
|
3
|
+
//
|
4
|
+
|
5
|
+
// We use these to control text styles.
|
6
|
+
$keystroke-font: "Consolas", "Menlo", "Courier", monospace !default;
|
7
|
+
$keystroke-font-size: emCalc(15px) !default;
|
8
|
+
$keystroke-font-color: #222 !default;
|
9
|
+
$keystroke-font-color-alt: #fff !default;
|
10
|
+
$keystroke-function-factor: 7% !default;
|
11
|
+
|
12
|
+
// We use this to control keystroke padding.
|
13
|
+
$keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px) !default;
|
14
|
+
|
15
|
+
// We use these to control background and border styles.
|
16
|
+
$keystroke-bg: darken(#fff, $keystroke-function-factor) !default;
|
17
|
+
$keystroke-border-style: solid !default;
|
18
|
+
$keystroke-border-width: 1px !default;
|
19
|
+
$keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor) !default;
|
20
|
+
$keystroke-radius: $global-radius !default;
|
21
|
+
|
22
|
+
//
|
23
|
+
// Keystroke Mixins
|
24
|
+
//
|
25
|
+
|
26
|
+
// We use this mixin to create keystroke styles.
|
27
|
+
@mixin keystroke($bg:$keystroke-bg) {
|
28
|
+
// This find the lightness percentage of the background color.
|
29
|
+
$bg-lightness: lightness($bg);
|
30
|
+
|
31
|
+
background-color: $bg;
|
32
|
+
border-color: darken($bg, $keystroke-function-factor);
|
33
|
+
|
34
|
+
// We adjust the font color based on the brightness of the background.
|
35
|
+
@if $bg-lightness > 70% { color: $keystroke-font-color; }
|
36
|
+
@else { color: $keystroke-font-color-alt; }
|
37
|
+
|
38
|
+
border-style: $keystroke-border-style;
|
39
|
+
border-width: $keystroke-border-width;
|
40
|
+
margin: 0;
|
41
|
+
font-family: $keystroke-font;
|
42
|
+
font-size: $keystroke-font-size;
|
43
|
+
padding: $keystroke-padding;
|
44
|
+
}
|
45
|
+
|
46
|
+
|
47
|
+
@if $include-html-media-classes != false {
|
48
|
+
|
49
|
+
/* Keystroke Characters */
|
50
|
+
.keystroke,
|
51
|
+
kbd {
|
52
|
+
@include keystroke;
|
53
|
+
@include radius($keystroke-radius);
|
54
|
+
}
|
55
|
+
|
56
|
+
}
|
@@ -0,0 +1,84 @@
|
|
1
|
+
//
|
2
|
+
// Label Variables
|
3
|
+
//
|
4
|
+
|
5
|
+
// We use these to style the labels
|
6
|
+
$label-padding: emCalc(3px) emCalc(10px) emCalc(4px) !default;
|
7
|
+
$label-radius: $global-radius !default;
|
8
|
+
|
9
|
+
// We use these to style the label text
|
10
|
+
$label-font-sizing: emCalc(14px) !default;
|
11
|
+
$label-font-weight: bold !default;
|
12
|
+
$label-font-color: #333 !default;
|
13
|
+
$label-font-color-alt: #fff !default;
|
14
|
+
|
15
|
+
//
|
16
|
+
// Label Mixins
|
17
|
+
//
|
18
|
+
|
19
|
+
// We use this mixin to create a default label base.
|
20
|
+
@mixin label-base {
|
21
|
+
font-weight: $label-font-weight;
|
22
|
+
text-align: center;
|
23
|
+
text-decoration: none;
|
24
|
+
line-height: 1;
|
25
|
+
white-space: nowrap;
|
26
|
+
display: inline-block;
|
27
|
+
position: relative;
|
28
|
+
}
|
29
|
+
|
30
|
+
// We use this mixin to add label size styles.
|
31
|
+
@mixin label-size($padding:$label-padding, $text-size:$label-font-sizing) {
|
32
|
+
@if $padding { padding: $padding; }
|
33
|
+
@if $text-size { font-size: $text-size; }
|
34
|
+
}
|
35
|
+
|
36
|
+
// We use this mixin to add label styles.
|
37
|
+
@mixin label-style($bg:$primary-color, $radius:false) {
|
38
|
+
|
39
|
+
// We control which background color comes through
|
40
|
+
@if $bg {
|
41
|
+
|
42
|
+
// This find the lightness percentage of the background color.
|
43
|
+
$bg-lightness: lightness($bg);
|
44
|
+
|
45
|
+
background-color: $bg;
|
46
|
+
|
47
|
+
// We control the text color for you based on the background color.
|
48
|
+
@if $bg-lightness < 70% { color: $label-font-color-alt; }
|
49
|
+
@else { color: $label-font-color; }
|
50
|
+
}
|
51
|
+
|
52
|
+
// We use this to control the radius on labels.
|
53
|
+
@if $radius == true { @include radius($label-radius); }
|
54
|
+
@else if $radius { @include radius($radius); }
|
55
|
+
|
56
|
+
}
|
57
|
+
|
58
|
+
// We use this to add close buttons to alerts
|
59
|
+
@mixin label($padding:$label-padding, $text-size:$label-font-sizing, $bg:$primary-color, $radius:false) {
|
60
|
+
|
61
|
+
@include label-base;
|
62
|
+
@include label-size($padding, $text-size);
|
63
|
+
@include label-style($bg, $radius);
|
64
|
+
}
|
65
|
+
|
66
|
+
|
67
|
+
@if $include-html-label-classes != false {
|
68
|
+
|
69
|
+
/* Labels */
|
70
|
+
.label {
|
71
|
+
@include label-base;
|
72
|
+
@include label-size;
|
73
|
+
@include label-style;
|
74
|
+
|
75
|
+
|
76
|
+
&.radius { @include label-style(false, true); }
|
77
|
+
&.round { @include label-style(false, $radius:1000px); }
|
78
|
+
|
79
|
+
&.alert { @include label-style($alert-color); }
|
80
|
+
&.success { @include label-style($success-color); }
|
81
|
+
&.secondary { @include label-style($secondary-color); }
|
82
|
+
}
|
83
|
+
|
84
|
+
}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
//
|
2
|
+
// Magellan Variables
|
3
|
+
//
|
4
|
+
$magellan-bg: #fff !default;
|
5
|
+
$magellan-padding: 10px !default;
|
6
|
+
|
7
|
+
@if $include-html-magellan-classes != false {
|
8
|
+
|
9
|
+
[data-magellan-expedition] {
|
10
|
+
background: $magellan-bg;
|
11
|
+
z-index: 50;
|
12
|
+
min-width: 100%;
|
13
|
+
padding: $magellan-padding;
|
14
|
+
|
15
|
+
.sub-nav {
|
16
|
+
margin-bottom: 0;
|
17
|
+
dd { margin-bottom: 0; }
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
}
|