bootstrap-sass 2.0.2 → 2.0.3
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +26 -10
- data/lib/bootstrap-sass.rb +24 -13
- data/lib/bootstrap-sass/{compass_extensions.rb → compass_functions.rb} +0 -0
- data/lib/bootstrap-sass/engine.rb +0 -2
- data/lib/bootstrap-sass/{config/sass_extentions.rb → rails_functions.rb} +0 -0
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +28 -32
- data/vendor/assets/javascripts/bootstrap-button.js +29 -33
- data/vendor/assets/javascripts/bootstrap-carousel.js +27 -19
- data/vendor/assets/javascripts/bootstrap-collapse.js +45 -26
- data/vendor/assets/javascripts/bootstrap-dropdown.js +18 -10
- data/vendor/assets/javascripts/bootstrap-modal.js +25 -17
- data/vendor/assets/javascripts/bootstrap-popover.js +13 -10
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +43 -17
- data/vendor/assets/javascripts/bootstrap-tab.js +12 -7
- data/vendor/assets/javascripts/bootstrap-tooltip.js +40 -35
- data/vendor/assets/javascripts/bootstrap-transition.js +30 -20
- data/vendor/assets/javascripts/bootstrap-typeahead.js +24 -10
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +100 -68
- data/vendor/assets/stylesheets/_bootstrap.scss +11 -2
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +5 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +51 -31
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +15 -11
- data/vendor/assets/stylesheets/bootstrap/_close.scss +12 -1
- data/vendor/assets/stylesheets/bootstrap/_code.scss +4 -4
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +4 -4
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +16 -22
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +58 -37
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +99 -73
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +61 -40
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +27 -26
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +15 -6
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +25 -5
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +17 -6
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +14 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +7 -6
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +52 -9
- metadata +10 -22
- data/vendor/assets/stylesheets/bootstrap/_badges.scss +0 -36
- data/vendor/assets/stylesheets/bootstrap/_labels.scss +0 -38
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ========================================================
|
2
|
-
* bootstrap-tab.js v2.0.
|
2
|
+
* bootstrap-tab.js v2.0.3
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tabs
|
4
4
|
* ========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -18,9 +18,10 @@
|
|
18
18
|
* ======================================================== */
|
19
19
|
|
20
20
|
|
21
|
-
!function(
|
21
|
+
!function ($) {
|
22
|
+
|
23
|
+
"use strict"; // jshint ;_;
|
22
24
|
|
23
|
-
"use strict"
|
24
25
|
|
25
26
|
/* TAB CLASS DEFINITION
|
26
27
|
* ==================== */
|
@@ -39,6 +40,7 @@
|
|
39
40
|
, selector = $this.attr('data-target')
|
40
41
|
, previous
|
41
42
|
, $target
|
43
|
+
, e
|
42
44
|
|
43
45
|
if (!selector) {
|
44
46
|
selector = $this.attr('href')
|
@@ -49,11 +51,14 @@
|
|
49
51
|
|
50
52
|
previous = $ul.find('.active a').last()[0]
|
51
53
|
|
52
|
-
|
53
|
-
|
54
|
-
, relatedTarget: previous
|
54
|
+
e = $.Event('show', {
|
55
|
+
relatedTarget: previous
|
55
56
|
})
|
56
57
|
|
58
|
+
$this.trigger(e)
|
59
|
+
|
60
|
+
if (e.isDefaultPrevented()) return
|
61
|
+
|
57
62
|
$target = $(selector)
|
58
63
|
|
59
64
|
this.activate($this.parent('li'), $ul)
|
@@ -127,4 +132,4 @@
|
|
127
132
|
})
|
128
133
|
})
|
129
134
|
|
130
|
-
}(
|
135
|
+
}(window.jQuery);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-tooltip.js v2.0.
|
2
|
+
* bootstrap-tooltip.js v2.0.3
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
4
4
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
5
5
|
* ===========================================================
|
@@ -18,14 +18,16 @@
|
|
18
18
|
* limitations under the License.
|
19
19
|
* ========================================================== */
|
20
20
|
|
21
|
-
!function( $ ) {
|
22
21
|
|
23
|
-
|
22
|
+
!function ($) {
|
23
|
+
|
24
|
+
"use strict"; // jshint ;_;
|
25
|
+
|
24
26
|
|
25
27
|
/* TOOLTIP PUBLIC CLASS DEFINITION
|
26
28
|
* =============================== */
|
27
29
|
|
28
|
-
var Tooltip = function (
|
30
|
+
var Tooltip = function (element, options) {
|
29
31
|
this.init('tooltip', element, options)
|
30
32
|
}
|
31
33
|
|
@@ -33,7 +35,7 @@
|
|
33
35
|
|
34
36
|
constructor: Tooltip
|
35
37
|
|
36
|
-
, init: function (
|
38
|
+
, init: function (type, element, options) {
|
37
39
|
var eventIn
|
38
40
|
, eventOut
|
39
41
|
|
@@ -54,7 +56,7 @@
|
|
54
56
|
this.fixTitle()
|
55
57
|
}
|
56
58
|
|
57
|
-
, getOptions: function (
|
59
|
+
, getOptions: function (options) {
|
58
60
|
options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data())
|
59
61
|
|
60
62
|
if (options.delay && typeof options.delay == 'number') {
|
@@ -67,34 +69,28 @@
|
|
67
69
|
return options
|
68
70
|
}
|
69
71
|
|
70
|
-
, enter: function (
|
72
|
+
, enter: function (e) {
|
71
73
|
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
72
74
|
|
73
|
-
if (!self.options.delay || !self.options.delay.show)
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
}
|
81
|
-
}, self.options.delay.show)
|
82
|
-
}
|
75
|
+
if (!self.options.delay || !self.options.delay.show) return self.show()
|
76
|
+
|
77
|
+
clearTimeout(this.timeout)
|
78
|
+
self.hoverState = 'in'
|
79
|
+
this.timeout = setTimeout(function() {
|
80
|
+
if (self.hoverState == 'in') self.show()
|
81
|
+
}, self.options.delay.show)
|
83
82
|
}
|
84
83
|
|
85
|
-
, leave: function (
|
84
|
+
, leave: function (e) {
|
86
85
|
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
87
86
|
|
88
|
-
if (!self.options.delay || !self.options.delay.hide)
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
}
|
96
|
-
}, self.options.delay.hide)
|
97
|
-
}
|
87
|
+
if (!self.options.delay || !self.options.delay.hide) return self.hide()
|
88
|
+
|
89
|
+
clearTimeout(this.timeout)
|
90
|
+
self.hoverState = 'out'
|
91
|
+
this.timeout = setTimeout(function() {
|
92
|
+
if (self.hoverState == 'out') self.hide()
|
93
|
+
}, self.options.delay.hide)
|
98
94
|
}
|
99
95
|
|
100
96
|
, show: function () {
|
@@ -152,9 +148,20 @@
|
|
152
148
|
}
|
153
149
|
}
|
154
150
|
|
151
|
+
, isHTML: function(text) {
|
152
|
+
// html string detection logic adapted from jQuery
|
153
|
+
return typeof text != 'string'
|
154
|
+
|| ( text.charAt(0) === "<"
|
155
|
+
&& text.charAt( text.length - 1 ) === ">"
|
156
|
+
&& text.length >= 3
|
157
|
+
) || /^(?:[^<]*<[\w\W]+>[^>]*$)/.exec(text)
|
158
|
+
}
|
159
|
+
|
155
160
|
, setContent: function () {
|
156
161
|
var $tip = this.tip()
|
157
|
-
|
162
|
+
, title = this.getTitle()
|
163
|
+
|
164
|
+
$tip.find('.tooltip-inner')[this.isHTML(title) ? 'html' : 'text'](title)
|
158
165
|
$tip.removeClass('fade in top bottom left right')
|
159
166
|
}
|
160
167
|
|
@@ -206,8 +213,6 @@
|
|
206
213
|
title = $e.attr('data-original-title')
|
207
214
|
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
208
215
|
|
209
|
-
title = (title || '').toString().replace(/(^\s*|\s*$)/, "")
|
210
|
-
|
211
216
|
return title
|
212
217
|
}
|
213
218
|
|
@@ -259,12 +264,12 @@
|
|
259
264
|
|
260
265
|
$.fn.tooltip.defaults = {
|
261
266
|
animation: true
|
262
|
-
, delay: 0
|
263
|
-
, selector: false
|
264
267
|
, placement: 'top'
|
268
|
+
, selector: false
|
269
|
+
, template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
|
265
270
|
, trigger: 'hover'
|
266
271
|
, title: ''
|
267
|
-
,
|
272
|
+
, delay: 0
|
268
273
|
}
|
269
274
|
|
270
|
-
}(
|
275
|
+
}(window.jQuery);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===================================================
|
2
|
-
* bootstrap-transition.js v2.0.
|
2
|
+
* bootstrap-transition.js v2.0.3
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
4
4
|
* ===================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -17,35 +17,45 @@
|
|
17
17
|
* limitations under the License.
|
18
18
|
* ========================================================== */
|
19
19
|
|
20
|
-
|
20
|
+
|
21
|
+
!function ($) {
|
21
22
|
|
22
23
|
$(function () {
|
23
24
|
|
24
|
-
"use strict"
|
25
|
+
"use strict"; // jshint ;_;
|
26
|
+
|
25
27
|
|
26
|
-
/* CSS TRANSITION SUPPORT (
|
28
|
+
/* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
|
27
29
|
* ======================================================= */
|
28
30
|
|
29
31
|
$.support.transition = (function () {
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
32
|
+
|
33
|
+
var transitionEnd = (function () {
|
34
|
+
|
35
|
+
var el = document.createElement('bootstrap')
|
36
|
+
, transEndEventNames = {
|
37
|
+
'WebkitTransition' : 'webkitTransitionEnd'
|
38
|
+
, 'MozTransition' : 'transitionend'
|
39
|
+
, 'OTransition' : 'oTransitionEnd'
|
40
|
+
, 'msTransition' : 'MSTransitionEnd'
|
41
|
+
, 'transition' : 'transitionend'
|
42
|
+
}
|
43
|
+
, name
|
44
|
+
|
45
|
+
for (name in transEndEventNames){
|
46
|
+
if (el.style[name] !== undefined) {
|
47
|
+
return transEndEventNames[name]
|
43
48
|
}
|
44
|
-
|
45
|
-
|
49
|
+
}
|
50
|
+
|
51
|
+
}())
|
52
|
+
|
53
|
+
return transitionEnd && {
|
54
|
+
end: transitionEnd
|
46
55
|
}
|
56
|
+
|
47
57
|
})()
|
48
58
|
|
49
59
|
})
|
50
60
|
|
51
|
-
}(
|
61
|
+
}(window.jQuery);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-typeahead.js v2.0.
|
2
|
+
* bootstrap-typeahead.js v2.0.3
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -17,16 +17,22 @@
|
|
17
17
|
* limitations under the License.
|
18
18
|
* ============================================================ */
|
19
19
|
|
20
|
-
!function( $ ){
|
21
20
|
|
22
|
-
|
21
|
+
!function($){
|
23
22
|
|
24
|
-
|
23
|
+
"use strict"; // jshint ;_;
|
24
|
+
|
25
|
+
|
26
|
+
/* TYPEAHEAD PUBLIC CLASS DEFINITION
|
27
|
+
* ================================= */
|
28
|
+
|
29
|
+
var Typeahead = function (element, options) {
|
25
30
|
this.$element = $(element)
|
26
31
|
this.options = $.extend({}, $.fn.typeahead.defaults, options)
|
27
32
|
this.matcher = this.options.matcher || this.matcher
|
28
33
|
this.sorter = this.options.sorter || this.sorter
|
29
34
|
this.highlighter = this.options.highlighter || this.highlighter
|
35
|
+
this.updater = this.options.updater || this.updater
|
30
36
|
this.$menu = $(this.options.menu).appendTo('body')
|
31
37
|
this.source = this.options.source
|
32
38
|
this.shown = false
|
@@ -39,11 +45,16 @@
|
|
39
45
|
|
40
46
|
, select: function () {
|
41
47
|
var val = this.$menu.find('.active').attr('data-value')
|
42
|
-
this.$element
|
43
|
-
|
48
|
+
this.$element
|
49
|
+
.val(this.updater(val))
|
50
|
+
.change()
|
44
51
|
return this.hide()
|
45
52
|
}
|
46
53
|
|
54
|
+
, updater: function (item) {
|
55
|
+
return item
|
56
|
+
}
|
57
|
+
|
47
58
|
, show: function () {
|
48
59
|
var pos = $.extend({}, this.$element.offset(), {
|
49
60
|
height: this.$element[0].offsetHeight
|
@@ -77,7 +88,7 @@
|
|
77
88
|
}
|
78
89
|
|
79
90
|
items = $.grep(this.source, function (item) {
|
80
|
-
|
91
|
+
return that.matcher(item)
|
81
92
|
})
|
82
93
|
|
83
94
|
items = this.sorter(items)
|
@@ -109,7 +120,8 @@
|
|
109
120
|
}
|
110
121
|
|
111
122
|
, highlighter: function (item) {
|
112
|
-
|
123
|
+
var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
|
124
|
+
return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
|
113
125
|
return '<strong>' + match + '</strong>'
|
114
126
|
})
|
115
127
|
}
|
@@ -201,11 +213,13 @@
|
|
201
213
|
break
|
202
214
|
|
203
215
|
case 38: // up arrow
|
216
|
+
if (e.type != 'keydown') break
|
204
217
|
e.preventDefault()
|
205
218
|
this.prev()
|
206
219
|
break
|
207
220
|
|
208
221
|
case 40: // down arrow
|
222
|
+
if (e.type != 'keydown') break
|
209
223
|
e.preventDefault()
|
210
224
|
this.next()
|
211
225
|
break
|
@@ -236,7 +250,7 @@
|
|
236
250
|
/* TYPEAHEAD PLUGIN DEFINITION
|
237
251
|
* =========================== */
|
238
252
|
|
239
|
-
$.fn.typeahead = function (
|
253
|
+
$.fn.typeahead = function (option) {
|
240
254
|
return this.each(function () {
|
241
255
|
var $this = $(this)
|
242
256
|
, data = $this.data('typeahead')
|
@@ -268,4 +282,4 @@
|
|
268
282
|
})
|
269
283
|
})
|
270
284
|
|
271
|
-
}(
|
285
|
+
}(window.jQuery);
|
@@ -22,34 +22,35 @@
|
|
22
22
|
}
|
23
23
|
|
24
24
|
// Visibility utilities
|
25
|
+
|
25
26
|
// For desktops
|
26
|
-
.visible-phone { display: none; }
|
27
|
-
.visible-tablet { display: none; }
|
28
|
-
.visible-desktop {
|
29
|
-
.hidden-phone {
|
30
|
-
.hidden-tablet {
|
31
|
-
.hidden-desktop { display: none; }
|
27
|
+
.visible-phone { display: none !important; }
|
28
|
+
.visible-tablet { display: none !important; }
|
29
|
+
.visible-desktop { } // Don't set initially
|
30
|
+
.hidden-phone { }
|
31
|
+
.hidden-tablet { }
|
32
|
+
.hidden-desktop { display: none !important; }
|
32
33
|
|
33
34
|
// Phones only
|
34
|
-
@media (max-width: 767px) {
|
35
|
+
@media (max-width : 767px) {
|
35
36
|
// Show
|
36
|
-
.visible-phone { display:
|
37
|
+
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
37
38
|
// Hide
|
38
|
-
.hidden-phone { display: none; }
|
39
|
+
.hidden-phone { display: none !important; }
|
39
40
|
// Hide everything else
|
40
|
-
.hidden-desktop { display:
|
41
|
-
.visible-desktop { display: none; }
|
41
|
+
.hidden-desktop { display: inherit !important; }
|
42
|
+
.visible-desktop { display: none !important; }
|
42
43
|
}
|
43
44
|
|
44
45
|
// Tablets & small desktops only
|
45
46
|
@media (min-width: 768px) and (max-width: 979px) {
|
46
47
|
// Show
|
47
|
-
.visible-tablet { display:
|
48
|
+
.visible-tablet { display: inherit !important; }
|
48
49
|
// Hide
|
49
|
-
.hidden-tablet { display: none; }
|
50
|
+
.hidden-tablet { display: none !important; }
|
50
51
|
// Hide everything else
|
51
|
-
.hidden-desktop { display:
|
52
|
-
.visible-desktop { display: none; }
|
52
|
+
.hidden-desktop { display: inherit !important; }
|
53
|
+
.visible-desktop { display: none !important ; }
|
53
54
|
}
|
54
55
|
|
55
56
|
// UP TO LANDSCAPE PHONE
|
@@ -121,17 +122,37 @@
|
|
121
122
|
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
122
123
|
// --------------------------------------------------
|
123
124
|
|
124
|
-
@media (max-width:
|
125
|
+
@media (max-width: 768px) {
|
125
126
|
|
126
127
|
// Padding to set content in a bit
|
127
128
|
body {
|
128
129
|
padding-left: 20px;
|
129
130
|
padding-right: 20px;
|
130
131
|
}
|
131
|
-
|
132
|
+
// Negative indent the now static "fixed" navbar
|
133
|
+
.navbar-fixed-top, .navbar-fixed-bottom {
|
132
134
|
margin-left: -20px;
|
133
135
|
margin-right: -20px;
|
134
136
|
}
|
137
|
+
// Remove padding on container given explicit padding set on body
|
138
|
+
.container-fluid {
|
139
|
+
padding: 0;
|
140
|
+
}
|
141
|
+
|
142
|
+
// TYPOGRAPHY
|
143
|
+
// ----------
|
144
|
+
// Reset horizontal dl
|
145
|
+
.dl-horizontal {
|
146
|
+
dt {
|
147
|
+
float: none;
|
148
|
+
clear: none;
|
149
|
+
width: auto;
|
150
|
+
text-align: left;
|
151
|
+
}
|
152
|
+
dd {
|
153
|
+
margin-left: 0;
|
154
|
+
}
|
155
|
+
}
|
135
156
|
|
136
157
|
// GRID & CONTAINERS
|
137
158
|
// -----------------
|
@@ -143,32 +164,27 @@
|
|
143
164
|
.row-fluid {
|
144
165
|
width: 100%;
|
145
166
|
}
|
146
|
-
// Undo negative margin on rows
|
147
|
-
.row {
|
167
|
+
// Undo negative margin on rows and thumbnails
|
168
|
+
.row, .thumbnails {
|
148
169
|
margin-left: 0;
|
149
170
|
}
|
150
|
-
// Make all
|
151
|
-
|
171
|
+
// Make all grid-sized elements block level again
|
172
|
+
[class*="span"], .row-fluid [class*="span"] {
|
152
173
|
float: none;
|
153
174
|
display: block;
|
154
175
|
width: auto;
|
155
|
-
margin: 0;
|
156
|
-
}
|
157
|
-
|
158
|
-
// THUMBNAILS
|
159
|
-
// ----------
|
160
|
-
.thumbnails [class*="span"] {
|
161
|
-
width: auto;
|
176
|
+
margin-left: 0;
|
162
177
|
}
|
163
178
|
|
164
179
|
// FORM FIELDS
|
165
180
|
// -----------
|
166
181
|
// Make span* classes full width
|
167
|
-
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
|
182
|
+
.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
|
168
183
|
@include input-block-level();
|
169
184
|
}
|
170
185
|
// But don't let it screw up prepend/append inputs
|
171
|
-
.input-prepend input[class*="span"], .input-append input[class*="span"] {
|
186
|
+
.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
|
187
|
+
display: inline-block; // redeclare so they don't wrap to new lines
|
172
188
|
width: auto;
|
173
189
|
}
|
174
190
|
}
|
@@ -181,13 +197,15 @@
|
|
181
197
|
@media (min-width: 768px) and (max-width: 979px) {
|
182
198
|
|
183
199
|
// Fixed grid
|
184
|
-
@include gridCore(
|
200
|
+
@include gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
|
185
201
|
|
186
202
|
// Fluid grid
|
187
|
-
@include gridFluid(
|
203
|
+
@include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
|
188
204
|
|
189
205
|
// Input grid
|
190
|
-
@include gridInput(
|
206
|
+
@include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
|
207
|
+
|
208
|
+
// No need to reset .thumbnails here since it's the same $gridGutterWidth
|
191
209
|
|
192
210
|
}
|
193
211
|
|
@@ -221,43 +239,57 @@
|
|
221
239
|
padding-right: 10px;
|
222
240
|
margin: 0 0 0 -5px;
|
223
241
|
}
|
242
|
+
|
243
|
+
// COLLAPSIBLE NAVBAR
|
244
|
+
// ------------------
|
224
245
|
// Nav collapse clears brand
|
225
|
-
.
|
226
|
-
clear:
|
246
|
+
.nav-collapse {
|
247
|
+
clear: both;
|
227
248
|
}
|
228
249
|
// Block-level the nav
|
229
|
-
.
|
250
|
+
.nav-collapse .nav {
|
230
251
|
float: none;
|
231
252
|
margin: 0 0 ($baseLineHeight / 2);
|
232
253
|
}
|
233
|
-
.
|
254
|
+
.nav-collapse .nav > li {
|
234
255
|
float: none;
|
235
256
|
}
|
236
|
-
.
|
257
|
+
.nav-collapse .nav > li > a {
|
237
258
|
margin-bottom: 2px;
|
238
259
|
}
|
239
|
-
.
|
260
|
+
.nav-collapse .nav > .divider-vertical {
|
240
261
|
display: none;
|
241
262
|
}
|
242
|
-
.
|
263
|
+
.nav-collapse .nav .nav-header {
|
243
264
|
color: $navbarText;
|
244
265
|
text-shadow: none;
|
245
266
|
}
|
246
267
|
// Nav and dropdown links in navbar
|
247
|
-
.
|
268
|
+
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
|
248
269
|
padding: 6px 15px;
|
249
270
|
font-weight: bold;
|
250
271
|
color: $navbarLinkColor;
|
251
272
|
@include border-radius(3px);
|
252
273
|
}
|
253
|
-
|
274
|
+
// Buttons
|
275
|
+
.nav-collapse .btn {
|
276
|
+
padding: 4px 10px 4px;
|
277
|
+
font-weight: normal;
|
278
|
+
@include border-radius(4px);
|
279
|
+
}
|
280
|
+
.nav-collapse .dropdown-menu li + li a {
|
254
281
|
margin-bottom: 2px;
|
255
282
|
}
|
256
|
-
.
|
283
|
+
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
|
257
284
|
background-color: $navbarBackground;
|
258
285
|
}
|
286
|
+
// Buttons in the navbar
|
287
|
+
.nav-collapse.in .btn-group {
|
288
|
+
margin-top: 5px;
|
289
|
+
padding: 0;
|
290
|
+
}
|
259
291
|
// Dropdowns in the navbar
|
260
|
-
.
|
292
|
+
.nav-collapse .dropdown-menu {
|
261
293
|
position: static;
|
262
294
|
top: auto;
|
263
295
|
left: auto;
|
@@ -271,49 +303,49 @@
|
|
271
303
|
@include border-radius(0);
|
272
304
|
@include box-shadow(none);
|
273
305
|
}
|
274
|
-
.
|
306
|
+
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
|
275
307
|
display: none;
|
276
308
|
}
|
277
|
-
.
|
309
|
+
.nav-collapse .dropdown-menu .divider {
|
278
310
|
display: none;
|
279
311
|
}
|
280
312
|
// Forms in navbar
|
281
|
-
.navbar-form, .navbar-search {
|
313
|
+
.nav-collapse .navbar-form, .nav-collapse .navbar-search {
|
282
314
|
float: none;
|
283
315
|
padding: ($baseLineHeight / 2) 15px;
|
284
316
|
margin: ($baseLineHeight / 2) 0;
|
285
317
|
border-top: 1px solid $navbarBackground;
|
286
318
|
border-bottom: 1px solid $navbarBackground;
|
287
|
-
|
288
|
-
@include box-shadow($shadow);
|
319
|
+
@include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
|
289
320
|
}
|
290
321
|
// Pull right (secondary) nav content
|
291
|
-
.navbar .nav.pull-right {
|
322
|
+
.navbar .nav-collapse .nav.pull-right {
|
292
323
|
float: none;
|
293
324
|
margin-left: 0;
|
294
325
|
}
|
295
|
-
//
|
296
|
-
.
|
297
|
-
|
298
|
-
|
326
|
+
// Hide everything in the navbar save .brand and toggle button */
|
327
|
+
.nav-collapse, .nav-collapse.collapse {
|
328
|
+
overflow: hidden;
|
329
|
+
height: 0;
|
299
330
|
}
|
300
331
|
// Navbar button
|
301
|
-
.btn-navbar {
|
332
|
+
.navbar .btn-navbar {
|
302
333
|
display: block;
|
303
334
|
}
|
304
335
|
|
305
|
-
//
|
306
|
-
|
307
|
-
|
308
|
-
|
336
|
+
// STATIC NAVBAR
|
337
|
+
// -------------
|
338
|
+
.navbar-static .navbar-inner {
|
339
|
+
padding-left: 10px;
|
340
|
+
padding-right: 10px;
|
309
341
|
}
|
310
342
|
}
|
311
343
|
|
312
344
|
|
313
|
-
|
314
345
|
// DEFAULT DESKTOP
|
315
346
|
// ---------------
|
316
347
|
|
348
|
+
// Required to make the collapsing navbar work on regular desktops
|
317
349
|
@media (min-width: 980px) {
|
318
350
|
.nav-collapse.collapse {
|
319
351
|
height: auto !important;
|
@@ -321,28 +353,28 @@
|
|
321
353
|
}
|
322
354
|
}
|
323
355
|
|
324
|
-
|
325
|
-
|
326
356
|
// LARGE DESKTOP & UP
|
327
357
|
// ------------------
|
328
358
|
|
329
359
|
@media (min-width: 1200px) {
|
330
360
|
|
331
361
|
// Fixed grid
|
332
|
-
@include gridCore(
|
362
|
+
@include gridCore($gridColumnWidthLarge, $gridGutterWidthLarge);
|
333
363
|
|
334
364
|
// Fluid grid
|
335
|
-
@include gridFluid(
|
365
|
+
@include gridFluid($fluidGridColumnWidthLarge, $fluidGridGutterWidthLarge);
|
336
366
|
|
337
367
|
// Input grid
|
338
|
-
@include gridInput(
|
368
|
+
@include gridInput($gridColumnWidthLarge, $gridGutterWidthLarge);
|
339
369
|
|
340
370
|
// Thumbnails
|
341
371
|
.thumbnails {
|
342
|
-
margin-left:
|
372
|
+
margin-left: -$gridGutterWidthLarge;
|
343
373
|
}
|
344
374
|
.thumbnails > li {
|
345
|
-
margin-left:
|
375
|
+
margin-left: $gridGutterWidthLarge;
|
376
|
+
}
|
377
|
+
.row-fluid .thumbnails {
|
378
|
+
margin-left: 0;
|
346
379
|
}
|
347
|
-
|
348
380
|
}
|