bootstrap-sass 1.4.4 → 2.0.0
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.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +52 -19
- data/lib/bootstrap-sass.rb +24 -6
- data/lib/bootstrap-sass/compass_extensions.rb +10 -0
- data/lib/bootstrap-sass/config/sass_extentions.rb +14 -0
- data/lib/bootstrap-sass/engine.rb +9 -0
- data/templates/project/manifest.rb +18 -0
- data/templates/project/styles.scss +5 -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 +91 -0
- data/vendor/assets/javascripts/bootstrap-button.js +98 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
- data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
- data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
- data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
- data/vendor/assets/javascripts/bootstrap.js +9 -6
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +314 -0
- data/vendor/assets/stylesheets/_bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +28 -0
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +62 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +136 -0
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +149 -0
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
- data/vendor/assets/stylesheets/bootstrap/_close.scss +18 -0
- data/vendor/assets/stylesheets/bootstrap/_code.scss +43 -0
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +18 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +127 -0
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +458 -0
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +8 -0
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +20 -0
- data/vendor/assets/stylesheets/bootstrap/_labels.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +479 -0
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +72 -0
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +282 -0
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +320 -0
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +30 -0
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +95 -0
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +105 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +156 -0
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +117 -0
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +35 -0
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +209 -0
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +99 -0
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +17 -0
- metadata +68 -20
- data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
- data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
- data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
- data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
- data/vendor/assets/stylesheets/bootstrap.css.scss +0 -25
- data/vendor/assets/stylesheets/bootstrap/forms.css.scss +0 -427
- data/vendor/assets/stylesheets/bootstrap/mixins.css.scss +0 -216
- data/vendor/assets/stylesheets/bootstrap/patterns.css.scss +0 -994
- data/vendor/assets/stylesheets/bootstrap/reset.css.scss +0 -142
- data/vendor/assets/stylesheets/bootstrap/scaffolding.css.scss +0 -129
- data/vendor/assets/stylesheets/bootstrap/tables.css.scss +0 -212
- data/vendor/assets/stylesheets/bootstrap/type.css.scss +0 -186
- data/vendor/assets/stylesheets/bootstrap/variables.css.scss +0 -51
@@ -0,0 +1,51 @@
|
|
1
|
+
/* ===================================================
|
2
|
+
* bootstrap-transition.js v2.0.0
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
4
|
+
* ===================================================
|
5
|
+
* Copyright 2012 Twitter, Inc.
|
6
|
+
*
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
8
|
+
* you may not use this file except in compliance with the License.
|
9
|
+
* You may obtain a copy of the License at
|
10
|
+
*
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
12
|
+
*
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
16
|
+
* See the License for the specific language governing permissions and
|
17
|
+
* limitations under the License.
|
18
|
+
* ========================================================== */
|
19
|
+
|
20
|
+
!function( $ ) {
|
21
|
+
|
22
|
+
$(function () {
|
23
|
+
|
24
|
+
"use strict"
|
25
|
+
|
26
|
+
/* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
|
27
|
+
* ======================================================= */
|
28
|
+
|
29
|
+
$.support.transition = (function () {
|
30
|
+
var thisBody = document.body || document.documentElement
|
31
|
+
, thisStyle = thisBody.style
|
32
|
+
, support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined
|
33
|
+
|
34
|
+
return support && {
|
35
|
+
end: (function () {
|
36
|
+
var transitionEnd = "TransitionEnd"
|
37
|
+
if ( $.browser.webkit ) {
|
38
|
+
transitionEnd = "webkitTransitionEnd"
|
39
|
+
} else if ( $.browser.mozilla ) {
|
40
|
+
transitionEnd = "transitionend"
|
41
|
+
} else if ( $.browser.opera ) {
|
42
|
+
transitionEnd = "oTransitionEnd"
|
43
|
+
}
|
44
|
+
return transitionEnd
|
45
|
+
}())
|
46
|
+
}
|
47
|
+
})()
|
48
|
+
|
49
|
+
})
|
50
|
+
|
51
|
+
}( window.jQuery )
|
@@ -0,0 +1,271 @@
|
|
1
|
+
/* =============================================================
|
2
|
+
* bootstrap-typeahead.js v2.0.0
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
4
|
+
* =============================================================
|
5
|
+
* Copyright 2012 Twitter, Inc.
|
6
|
+
*
|
7
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
8
|
+
* you may not use this file except in compliance with the License.
|
9
|
+
* You may obtain a copy of the License at
|
10
|
+
*
|
11
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
12
|
+
*
|
13
|
+
* Unless required by applicable law or agreed to in writing, software
|
14
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
15
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
16
|
+
* See the License for the specific language governing permissions and
|
17
|
+
* limitations under the License.
|
18
|
+
* ============================================================ */
|
19
|
+
|
20
|
+
!function( $ ){
|
21
|
+
|
22
|
+
"use strict"
|
23
|
+
|
24
|
+
var Typeahead = function ( element, options ) {
|
25
|
+
this.$element = $(element)
|
26
|
+
this.options = $.extend({}, $.fn.typeahead.defaults, options)
|
27
|
+
this.matcher = this.options.matcher || this.matcher
|
28
|
+
this.sorter = this.options.sorter || this.sorter
|
29
|
+
this.highlighter = this.options.highlighter || this.highlighter
|
30
|
+
this.$menu = $(this.options.menu).appendTo('body')
|
31
|
+
this.source = this.options.source
|
32
|
+
this.shown = false
|
33
|
+
this.listen()
|
34
|
+
}
|
35
|
+
|
36
|
+
Typeahead.prototype = {
|
37
|
+
|
38
|
+
constructor: Typeahead
|
39
|
+
|
40
|
+
, select: function () {
|
41
|
+
var val = this.$menu.find('.active').attr('data-value')
|
42
|
+
this.$element.val(val)
|
43
|
+
return this.hide()
|
44
|
+
}
|
45
|
+
|
46
|
+
, show: function () {
|
47
|
+
var pos = $.extend({}, this.$element.offset(), {
|
48
|
+
height: this.$element[0].offsetHeight
|
49
|
+
})
|
50
|
+
|
51
|
+
this.$menu.css({
|
52
|
+
top: pos.top + pos.height
|
53
|
+
, left: pos.left
|
54
|
+
})
|
55
|
+
|
56
|
+
this.$menu.show()
|
57
|
+
this.shown = true
|
58
|
+
return this
|
59
|
+
}
|
60
|
+
|
61
|
+
, hide: function () {
|
62
|
+
this.$menu.hide()
|
63
|
+
this.shown = false
|
64
|
+
return this
|
65
|
+
}
|
66
|
+
|
67
|
+
, lookup: function (event) {
|
68
|
+
var that = this
|
69
|
+
, items
|
70
|
+
, q
|
71
|
+
|
72
|
+
this.query = this.$element.val()
|
73
|
+
|
74
|
+
if (!this.query) {
|
75
|
+
return this.shown ? this.hide() : this
|
76
|
+
}
|
77
|
+
|
78
|
+
items = $.grep(this.source, function (item) {
|
79
|
+
if (that.matcher(item)) return item
|
80
|
+
})
|
81
|
+
|
82
|
+
items = this.sorter(items)
|
83
|
+
|
84
|
+
if (!items.length) {
|
85
|
+
return this.shown ? this.hide() : this
|
86
|
+
}
|
87
|
+
|
88
|
+
return this.render(items.slice(0, this.options.items)).show()
|
89
|
+
}
|
90
|
+
|
91
|
+
, matcher: function (item) {
|
92
|
+
return ~item.toLowerCase().indexOf(this.query.toLowerCase())
|
93
|
+
}
|
94
|
+
|
95
|
+
, sorter: function (items) {
|
96
|
+
var beginswith = []
|
97
|
+
, caseSensitive = []
|
98
|
+
, caseInsensitive = []
|
99
|
+
, item
|
100
|
+
|
101
|
+
while (item = items.shift()) {
|
102
|
+
if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item)
|
103
|
+
else if (~item.indexOf(this.query)) caseSensitive.push(item)
|
104
|
+
else caseInsensitive.push(item)
|
105
|
+
}
|
106
|
+
|
107
|
+
return beginswith.concat(caseSensitive, caseInsensitive)
|
108
|
+
}
|
109
|
+
|
110
|
+
, highlighter: function (item) {
|
111
|
+
return item.replace(new RegExp('(' + this.query + ')', 'ig'), function ($1, match) {
|
112
|
+
return '<strong>' + match + '</strong>'
|
113
|
+
})
|
114
|
+
}
|
115
|
+
|
116
|
+
, render: function (items) {
|
117
|
+
var that = this
|
118
|
+
|
119
|
+
items = $(items).map(function (i, item) {
|
120
|
+
i = $(that.options.item).attr('data-value', item)
|
121
|
+
i.find('a').html(that.highlighter(item))
|
122
|
+
return i[0]
|
123
|
+
})
|
124
|
+
|
125
|
+
items.first().addClass('active')
|
126
|
+
this.$menu.html(items)
|
127
|
+
return this
|
128
|
+
}
|
129
|
+
|
130
|
+
, next: function (event) {
|
131
|
+
var active = this.$menu.find('.active').removeClass('active')
|
132
|
+
, next = active.next()
|
133
|
+
|
134
|
+
if (!next.length) {
|
135
|
+
next = $(this.$menu.find('li')[0])
|
136
|
+
}
|
137
|
+
|
138
|
+
next.addClass('active')
|
139
|
+
}
|
140
|
+
|
141
|
+
, prev: function (event) {
|
142
|
+
var active = this.$menu.find('.active').removeClass('active')
|
143
|
+
, prev = active.prev()
|
144
|
+
|
145
|
+
if (!prev.length) {
|
146
|
+
prev = this.$menu.find('li').last()
|
147
|
+
}
|
148
|
+
|
149
|
+
prev.addClass('active')
|
150
|
+
}
|
151
|
+
|
152
|
+
, listen: function () {
|
153
|
+
this.$element
|
154
|
+
.on('blur', $.proxy(this.blur, this))
|
155
|
+
.on('keypress', $.proxy(this.keypress, this))
|
156
|
+
.on('keyup', $.proxy(this.keyup, this))
|
157
|
+
|
158
|
+
if ($.browser.webkit || $.browser.msie) {
|
159
|
+
this.$element.on('keydown', $.proxy(this.keypress, this))
|
160
|
+
}
|
161
|
+
|
162
|
+
this.$menu
|
163
|
+
.on('click', $.proxy(this.click, this))
|
164
|
+
.on('mouseenter', 'li', $.proxy(this.mouseenter, this))
|
165
|
+
}
|
166
|
+
|
167
|
+
, keyup: function (e) {
|
168
|
+
e.stopPropagation()
|
169
|
+
e.preventDefault()
|
170
|
+
|
171
|
+
switch(e.keyCode) {
|
172
|
+
case 40: // down arrow
|
173
|
+
case 38: // up arrow
|
174
|
+
break
|
175
|
+
|
176
|
+
case 9: // tab
|
177
|
+
case 13: // enter
|
178
|
+
if (!this.shown) return
|
179
|
+
this.select()
|
180
|
+
break
|
181
|
+
|
182
|
+
case 27: // escape
|
183
|
+
this.hide()
|
184
|
+
break
|
185
|
+
|
186
|
+
default:
|
187
|
+
this.lookup()
|
188
|
+
}
|
189
|
+
|
190
|
+
}
|
191
|
+
|
192
|
+
, keypress: function (e) {
|
193
|
+
e.stopPropagation()
|
194
|
+
if (!this.shown) return
|
195
|
+
|
196
|
+
switch(e.keyCode) {
|
197
|
+
case 9: // tab
|
198
|
+
case 13: // enter
|
199
|
+
case 27: // escape
|
200
|
+
e.preventDefault()
|
201
|
+
break
|
202
|
+
|
203
|
+
case 38: // up arrow
|
204
|
+
e.preventDefault()
|
205
|
+
this.prev()
|
206
|
+
break
|
207
|
+
|
208
|
+
case 40: // down arrow
|
209
|
+
e.preventDefault()
|
210
|
+
this.next()
|
211
|
+
break
|
212
|
+
}
|
213
|
+
}
|
214
|
+
|
215
|
+
, blur: function (e) {
|
216
|
+
var that = this
|
217
|
+
e.stopPropagation()
|
218
|
+
e.preventDefault()
|
219
|
+
setTimeout(function () { that.hide() }, 150)
|
220
|
+
}
|
221
|
+
|
222
|
+
, click: function (e) {
|
223
|
+
e.stopPropagation()
|
224
|
+
e.preventDefault()
|
225
|
+
this.select()
|
226
|
+
}
|
227
|
+
|
228
|
+
, mouseenter: function (e) {
|
229
|
+
this.$menu.find('.active').removeClass('active')
|
230
|
+
$(e.currentTarget).addClass('active')
|
231
|
+
}
|
232
|
+
|
233
|
+
}
|
234
|
+
|
235
|
+
|
236
|
+
/* TYPEAHEAD PLUGIN DEFINITION
|
237
|
+
* =========================== */
|
238
|
+
|
239
|
+
$.fn.typeahead = function ( option ) {
|
240
|
+
return this.each(function () {
|
241
|
+
var $this = $(this)
|
242
|
+
, data = $this.data('typeahead')
|
243
|
+
, options = typeof option == 'object' && option
|
244
|
+
if (!data) $this.data('typeahead', (data = new Typeahead(this, options)))
|
245
|
+
if (typeof option == 'string') data[option]()
|
246
|
+
})
|
247
|
+
}
|
248
|
+
|
249
|
+
$.fn.typeahead.defaults = {
|
250
|
+
source: []
|
251
|
+
, items: 8
|
252
|
+
, menu: '<ul class="typeahead dropdown-menu"></ul>'
|
253
|
+
, item: '<li><a href="#"></a></li>'
|
254
|
+
}
|
255
|
+
|
256
|
+
$.fn.typeahead.Constructor = Typeahead
|
257
|
+
|
258
|
+
|
259
|
+
/* TYPEAHEAD DATA-API
|
260
|
+
* ================== */
|
261
|
+
|
262
|
+
$(function () {
|
263
|
+
$('body').on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) {
|
264
|
+
var $this = $(this)
|
265
|
+
if ($this.data('typeahead')) return
|
266
|
+
e.preventDefault()
|
267
|
+
$this.typeahead($this.data())
|
268
|
+
})
|
269
|
+
})
|
270
|
+
|
271
|
+
}( window.jQuery )
|
@@ -1,9 +1,12 @@
|
|
1
|
-
//= require bootstrap-
|
2
|
-
//= require bootstrap-
|
1
|
+
//= require bootstrap-transition
|
2
|
+
//= require bootstrap-alert
|
3
|
+
//= require bootstrap-button
|
4
|
+
//= require bootstrap-carousel
|
5
|
+
//= require bootstrap-collapse
|
3
6
|
//= require bootstrap-dropdown
|
7
|
+
//= require bootstrap-modal
|
4
8
|
//= require bootstrap-scrollspy
|
5
|
-
//= require bootstrap-
|
6
|
-
//= require bootstrap-
|
9
|
+
//= require bootstrap-tab
|
10
|
+
//= require bootstrap-tooltip
|
7
11
|
//= require bootstrap-popover
|
8
|
-
//= require bootstrap-
|
9
|
-
|
12
|
+
//= require bootstrap-typeahead
|
@@ -0,0 +1,314 @@
|
|
1
|
+
/*!
|
2
|
+
* Bootstrap Responsive v2.0.0
|
3
|
+
*
|
4
|
+
* Copyright 2012 Twitter, Inc
|
5
|
+
* Licensed under the Apache License v2.0
|
6
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
7
|
+
*
|
8
|
+
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
9
|
+
* Converted to SASS by Thomas McDonald
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Responsive.css.scss
|
13
|
+
// For phone and tablet devices
|
14
|
+
// -------------------------------------------------------------
|
15
|
+
|
16
|
+
|
17
|
+
// REPEAT VARIABLES & MIXINS
|
18
|
+
// -------------------------
|
19
|
+
// Required since we compile the responsive stuff separately
|
20
|
+
|
21
|
+
@import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
22
|
+
@import "bootstrap/mixins";
|
23
|
+
|
24
|
+
|
25
|
+
// RESPONSIVE CLASSES
|
26
|
+
// ------------------
|
27
|
+
|
28
|
+
// Hide from screenreaders and browsers
|
29
|
+
// Credit: HTML5 Boilerplate
|
30
|
+
.hidden {
|
31
|
+
display: none;
|
32
|
+
visibility: hidden;
|
33
|
+
}
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
// UP TO LANDSCAPE PHONE
|
38
|
+
// ---------------------
|
39
|
+
|
40
|
+
@media (max-width: 480px) {
|
41
|
+
|
42
|
+
// Smooth out the collapsing/expanding nav
|
43
|
+
.nav-collapse {
|
44
|
+
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
45
|
+
}
|
46
|
+
|
47
|
+
// Block level the page header small tag for readability
|
48
|
+
.page-header h1 small {
|
49
|
+
display: block;
|
50
|
+
line-height: $baseLineHeight;
|
51
|
+
}
|
52
|
+
|
53
|
+
// Make span* classes full width
|
54
|
+
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
|
55
|
+
display: block;
|
56
|
+
width: 100%;
|
57
|
+
height: 28px; /* Make inputs at least the height of their button counterpart */
|
58
|
+
/* Makes inputs behave like true block-level elements */
|
59
|
+
-webkit-box-sizing: border-box; /* Older Webkit */
|
60
|
+
-moz-box-sizing: border-box; /* Older FF */
|
61
|
+
-ms-box-sizing: border-box; /* IE8 */
|
62
|
+
box-sizing: border-box; /* CSS3 spec*/
|
63
|
+
}
|
64
|
+
// But don't let it screw up prepend/append inputs
|
65
|
+
.input-prepend input[class*="span"], .input-append input[class*="span"] {
|
66
|
+
width: auto;
|
67
|
+
}
|
68
|
+
|
69
|
+
// Update checkboxes for iOS
|
70
|
+
input[type="checkbox"], input[type="radio"] {
|
71
|
+
border: 1px solid #ccc;
|
72
|
+
}
|
73
|
+
|
74
|
+
// Remove the horizontal form styles
|
75
|
+
.form-horizontal .control-group > label {
|
76
|
+
float: none;
|
77
|
+
width: auto;
|
78
|
+
padding-top: 0;
|
79
|
+
text-align: left;
|
80
|
+
}
|
81
|
+
// Move over all input controls and content
|
82
|
+
.form-horizontal .controls {
|
83
|
+
margin-left: 0;
|
84
|
+
}
|
85
|
+
// Move the options list down to align with labels
|
86
|
+
.form-horizontal .control-list {
|
87
|
+
padding-top: 0; // has to be padding because margin collaspes
|
88
|
+
}
|
89
|
+
// Move over buttons in .form-actions to align with .controls
|
90
|
+
.form-horizontal .form-actions {
|
91
|
+
padding-left: 10px;
|
92
|
+
padding-right: 10px;
|
93
|
+
}
|
94
|
+
|
95
|
+
// Modals
|
96
|
+
.modal {
|
97
|
+
position: absolute;
|
98
|
+
top: 10px;
|
99
|
+
left: 10px;
|
100
|
+
right: 10px;
|
101
|
+
width: auto;
|
102
|
+
margin: 0;
|
103
|
+
&.fade.in { top: auto; }
|
104
|
+
}
|
105
|
+
.modal-header .close {
|
106
|
+
padding: 10px;
|
107
|
+
margin: -10px;
|
108
|
+
}
|
109
|
+
|
110
|
+
// Carousel
|
111
|
+
.carousel-caption {
|
112
|
+
position: static;
|
113
|
+
}
|
114
|
+
|
115
|
+
}
|
116
|
+
|
117
|
+
|
118
|
+
|
119
|
+
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
120
|
+
// --------------------------------------------------
|
121
|
+
|
122
|
+
@media (max-width: 768px) {
|
123
|
+
// GRID & CONTAINERS
|
124
|
+
// -----------------
|
125
|
+
// Remove width from containers
|
126
|
+
.container {
|
127
|
+
width: auto;
|
128
|
+
padding: 0 20px;
|
129
|
+
}
|
130
|
+
// Fluid rows
|
131
|
+
.row-fluid {
|
132
|
+
width: 100%;
|
133
|
+
}
|
134
|
+
// Undo negative margin on rows
|
135
|
+
.row {
|
136
|
+
margin-left: 0;
|
137
|
+
}
|
138
|
+
// Make all columns even
|
139
|
+
.row > [class*="span"], .row-fluid > [class*="span"] {
|
140
|
+
float: none;
|
141
|
+
display: block;
|
142
|
+
width: auto;
|
143
|
+
margin: 0;
|
144
|
+
}
|
145
|
+
}
|
146
|
+
|
147
|
+
|
148
|
+
|
149
|
+
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
150
|
+
// ----------------------------------
|
151
|
+
|
152
|
+
@media (min-width: 768px) and (max-width: 980px) {
|
153
|
+
|
154
|
+
// Fixed grid
|
155
|
+
@include gridSystemGenerate(12, 42px, 20px);
|
156
|
+
|
157
|
+
// Fluid grid
|
158
|
+
@include fluidGridSystemGenerate(12, 5.801104972%, 2.762430939%);
|
159
|
+
|
160
|
+
// Input grid
|
161
|
+
@include inputGridSystemGenerate(12, 42px, 20px);
|
162
|
+
|
163
|
+
}
|
164
|
+
|
165
|
+
|
166
|
+
|
167
|
+
// TABLETS AND BELOW
|
168
|
+
// -----------------
|
169
|
+
@media (max-width: 980px) {
|
170
|
+
|
171
|
+
// UNFIX THE TOPBAR
|
172
|
+
// ----------------
|
173
|
+
// Remove any padding from the body
|
174
|
+
body {
|
175
|
+
padding-top: 0;
|
176
|
+
}
|
177
|
+
// Unfix the navbar
|
178
|
+
.navbar-fixed-top {
|
179
|
+
position: static;
|
180
|
+
margin-bottom: $baseLineHeight;
|
181
|
+
}
|
182
|
+
.navbar-fixed-top .navbar-inner {
|
183
|
+
padding: 5px;
|
184
|
+
}
|
185
|
+
.navbar .container {
|
186
|
+
width: auto;
|
187
|
+
padding: 0;
|
188
|
+
}
|
189
|
+
// Account for brand name
|
190
|
+
.navbar .brand {
|
191
|
+
padding-left: 10px;
|
192
|
+
padding-right: 10px;
|
193
|
+
margin: 0 0 0 -5px;
|
194
|
+
}
|
195
|
+
// Nav collapse clears brand
|
196
|
+
.navbar .nav-collapse {
|
197
|
+
clear: left;
|
198
|
+
}
|
199
|
+
// Block-level the nav
|
200
|
+
.navbar .nav {
|
201
|
+
float: none;
|
202
|
+
margin: 0 0 ($baseLineHeight / 2);
|
203
|
+
}
|
204
|
+
.navbar .nav > li {
|
205
|
+
float: none;
|
206
|
+
}
|
207
|
+
.navbar .nav > li > a {
|
208
|
+
margin-bottom: 2px;
|
209
|
+
}
|
210
|
+
.navbar .nav > .divider-vertical {
|
211
|
+
display: none;
|
212
|
+
}
|
213
|
+
// Nav and dropdown links in navbar
|
214
|
+
.navbar .nav > li > a, .navbar .dropdown-menu a {
|
215
|
+
padding: 6px 15px;
|
216
|
+
font-weight: bold;
|
217
|
+
color: $navbarLinkColor;
|
218
|
+
@include border-radius(3px);
|
219
|
+
}
|
220
|
+
.navbar .dropdown-menu li + li a {
|
221
|
+
margin-bottom: 2px;
|
222
|
+
}
|
223
|
+
.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
|
224
|
+
background-color: $navbarBackground;
|
225
|
+
}
|
226
|
+
// Dropdowns in the navbar
|
227
|
+
.navbar .dropdown-menu {
|
228
|
+
position: static;
|
229
|
+
top: auto;
|
230
|
+
left: auto;
|
231
|
+
float: none;
|
232
|
+
display: block;
|
233
|
+
max-width: none;
|
234
|
+
margin: 0 15px;
|
235
|
+
padding: 0;
|
236
|
+
background-color: transparent;
|
237
|
+
border: none;
|
238
|
+
@include border-radius(0);
|
239
|
+
@include box-shadow(none);
|
240
|
+
}
|
241
|
+
.navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
|
242
|
+
display: none;
|
243
|
+
}
|
244
|
+
.navbar .dropdown-menu .divider {
|
245
|
+
display: none;
|
246
|
+
}
|
247
|
+
// Forms in navbar
|
248
|
+
.navbar-form, .navbar-search {
|
249
|
+
float: none;
|
250
|
+
padding: ($baseLineHeight / 2) 15px;
|
251
|
+
margin: ($baseLineHeight / 2) 0;
|
252
|
+
border-top: 1px solid $navbarBackground;
|
253
|
+
border-bottom: 1px solid $navbarBackground;
|
254
|
+
$shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
255
|
+
@include box-shadow($shadow);
|
256
|
+
}
|
257
|
+
// Pull right (secondary) nav content
|
258
|
+
.navbar .nav.pull-right {
|
259
|
+
float: none;
|
260
|
+
margin-left: 0;
|
261
|
+
}
|
262
|
+
// Static navbar
|
263
|
+
.navbar-static .navbar-inner {
|
264
|
+
padding-left: 10px;
|
265
|
+
padding-right: 10px;
|
266
|
+
}
|
267
|
+
// Navbar button
|
268
|
+
.btn-navbar {
|
269
|
+
display: block;
|
270
|
+
}
|
271
|
+
|
272
|
+
// Hide everything in the navbar save .brand and toggle button */
|
273
|
+
.nav-collapse {
|
274
|
+
overflow: hidden;
|
275
|
+
height: 0;
|
276
|
+
}
|
277
|
+
}
|
278
|
+
|
279
|
+
|
280
|
+
|
281
|
+
// DEFAULT DESKTOP
|
282
|
+
// ---------------
|
283
|
+
|
284
|
+
@media (min-width: 980px) {
|
285
|
+
.nav-collapse.collapse {
|
286
|
+
height: auto !important;
|
287
|
+
}
|
288
|
+
}
|
289
|
+
|
290
|
+
|
291
|
+
|
292
|
+
// LARGE DESKTOP & UP
|
293
|
+
// ------------------
|
294
|
+
|
295
|
+
@media (min-width: 1200px) {
|
296
|
+
|
297
|
+
// Fixed grid
|
298
|
+
@include gridSystemGenerate(12, 70px, 30px);
|
299
|
+
|
300
|
+
// Fluid grid
|
301
|
+
@include fluidGridSystemGenerate(12, 5.982905983%, 2.564102564%);
|
302
|
+
|
303
|
+
// Input grid
|
304
|
+
@include inputGridSystemGenerate(12, 70px, 30px);
|
305
|
+
|
306
|
+
// Thumbnails
|
307
|
+
.thumbnails {
|
308
|
+
margin-left: -30px;
|
309
|
+
}
|
310
|
+
.thumbnails > li {
|
311
|
+
margin-left: 30px;
|
312
|
+
}
|
313
|
+
|
314
|
+
}
|