bootstrap-sass 2.0.3.1 → 2.0.4.0
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 +11 -2
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +1 -1
- data/vendor/assets/javascripts/bootstrap-collapse.js +1 -1
- data/vendor/assets/javascripts/bootstrap-dropdown.js +1 -1
- data/vendor/assets/javascripts/bootstrap-modal.js +1 -1
- data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
- data/vendor/assets/javascripts/bootstrap-tab.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +3 -3
- data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/bootstrap-typeahead.js +1 -1
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +12 -357
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +54 -79
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +31 -4
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +7 -6
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +5 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +1 -4
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +3 -0
- metadata +11 -6
data/README.md
CHANGED
@@ -16,7 +16,7 @@ Updating your application to a new version of `bootstrap-sass`? See our [changel
|
|
16
16
|
In your Gemfile:
|
17
17
|
|
18
18
|
gem 'sass-rails', '~> 3.1'
|
19
|
-
gem 'bootstrap-sass', '~> 2.0.
|
19
|
+
gem 'bootstrap-sass', '~> 2.0.4.0'
|
20
20
|
|
21
21
|
#### CSS
|
22
22
|
|
@@ -90,8 +90,17 @@ Some CSS3 properties take multiple values, such as `box-shadow` or `text-shadow`
|
|
90
90
|
### Responsive styling?
|
91
91
|
As per the Bootstrap project we don't include the responsive styles by default. `@import "bootstrap-responsive";` to get them.
|
92
92
|
|
93
|
+
## Versioning
|
94
|
+
Bootstrap [claims](https://github.com/twitter/bootstrap#versioning) to use SemVer, although this is for values of public API that don't seem to include selectively requiring CSS components (see breaking change 2.0.2 -> 2.0.3). Since many people using bootstrap-sass *do* selectively require CSS components and I consider it part of the public API we can't really follow SemVer without becoming wildly out of sync with the Bootstrap version number, which is confusing for everyone involved. Further releases to bootstrap-sass will therefore have version numbers of the form `2.x.x.y`, where `2.x.x` is the release of Bootstrap we should be compatible with, and `y` is the patch version.
|
95
|
+
|
96
|
+
### Bundler?
|
97
|
+
|
98
|
+
gem 'bootstrap-sass', '~> 2.0.4.0'
|
99
|
+
|
100
|
+
Don't use the standard `~> 2.0.x` please. Your apps may break.
|
101
|
+
|
93
102
|
## Who
|
94
103
|
bootstrap-sass is a project by [Thomas McDonald](https://twitter.com/#!/thomasmcdonald_), with support from [other awesome people](https://github.com/thomas-mcdonald/bootstrap-sass/graphs/contributors).
|
95
104
|
|
96
105
|
## You're in good company
|
97
|
-
bootstrap-sass is used to build some awesome projects, including [Diaspora](http://diasporaproject.org/), [rails_admin](https://github.com/sferik/rails_admin), Michael Hartl's [Rails Tutorial](http://railstutorial.org/) and [gitlabhq](http://gitlabhq.com/). Using bootstrap-sass? I'd love it if you let me know through Twitter.
|
106
|
+
bootstrap-sass is used to build some awesome projects, including [Diaspora](http://diasporaproject.org/), [rails_admin](https://github.com/sferik/rails_admin), Michael Hartl's [Rails Tutorial](http://railstutorial.org/) and [gitlabhq](http://gitlabhq.com/). Using bootstrap-sass? I'd love it if you let me know through Twitter.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-alert.js v2.0.
|
2
|
+
* bootstrap-alert.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#alerts
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ============================================================
|
2
|
-
* bootstrap-button.js v2.0.
|
2
|
+
* bootstrap-button.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#buttons
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ==========================================================
|
2
|
-
* bootstrap-carousel.js v2.0.
|
2
|
+
* bootstrap-carousel.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#carousel
|
4
4
|
* ==========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-collapse.js v2.0.
|
2
|
+
* bootstrap-collapse.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#collapse
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ============================================================
|
2
|
-
* bootstrap-dropdown.js v2.0.
|
2
|
+
* bootstrap-dropdown.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =========================================================
|
2
|
-
* bootstrap-modal.js v2.0.
|
2
|
+
* bootstrap-modal.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#modals
|
4
4
|
* =========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-popover.js v2.0.
|
2
|
+
* bootstrap-popover.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#popovers
|
4
4
|
* ===========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-scrollspy.js v2.0.
|
2
|
+
* bootstrap-scrollspy.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#scrollspy
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -35,7 +35,7 @@
|
|
35
35
|
this.selector = (this.options.target
|
36
36
|
|| ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
|
37
37
|
|| '') + ' .nav li > a'
|
38
|
-
this.$body = $('body')
|
38
|
+
this.$body = $('body')
|
39
39
|
this.refresh()
|
40
40
|
this.process()
|
41
41
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ========================================================
|
2
|
-
* bootstrap-tab.js v2.0.
|
2
|
+
* bootstrap-tab.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tabs
|
4
4
|
* ========================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-tooltip.js v2.0.
|
2
|
+
* bootstrap-tooltip.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
4
4
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
5
5
|
* ===========================================================
|
@@ -84,9 +84,9 @@
|
|
84
84
|
, leave: function (e) {
|
85
85
|
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
86
86
|
|
87
|
+
if (this.timeout) clearTimeout(this.timeout)
|
87
88
|
if (!self.options.delay || !self.options.delay.hide) return self.hide()
|
88
89
|
|
89
|
-
clearTimeout(this.timeout)
|
90
90
|
self.hoverState = 'out'
|
91
91
|
this.timeout = setTimeout(function() {
|
92
92
|
if (self.hoverState == 'out') self.hide()
|
@@ -272,4 +272,4 @@
|
|
272
272
|
, delay: 0
|
273
273
|
}
|
274
274
|
|
275
|
-
}(window.jQuery);
|
275
|
+
}(window.jQuery);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===================================================
|
2
|
-
* bootstrap-transition.js v2.0.
|
2
|
+
* bootstrap-transition.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
4
4
|
* ===================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* =============================================================
|
2
|
-
* bootstrap-typeahead.js v2.0.
|
2
|
+
* bootstrap-typeahead.js v2.0.4
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -10,371 +10,26 @@
|
|
10
10
|
@import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
11
11
|
@import "bootstrap/mixins";
|
12
12
|
|
13
|
-
|
14
13
|
// RESPONSIVE CLASSES
|
15
14
|
// ------------------
|
16
15
|
|
17
|
-
|
18
|
-
// Credit: HTML5 Boilerplate
|
19
|
-
.hidden {
|
20
|
-
display: none;
|
21
|
-
visibility: hidden;
|
22
|
-
}
|
23
|
-
|
24
|
-
// Visibility utilities
|
25
|
-
|
26
|
-
// For desktops
|
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; }
|
33
|
-
|
34
|
-
// Phones only
|
35
|
-
@media (max-width : 767px) {
|
36
|
-
// Show
|
37
|
-
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
38
|
-
// Hide
|
39
|
-
.hidden-phone { display: none !important; }
|
40
|
-
// Hide everything else
|
41
|
-
.hidden-desktop { display: inherit !important; }
|
42
|
-
.visible-desktop { display: none !important; }
|
43
|
-
}
|
44
|
-
|
45
|
-
// Tablets & small desktops only
|
46
|
-
@media (min-width: 768px) and (max-width: 979px) {
|
47
|
-
// Show
|
48
|
-
.visible-tablet { display: inherit !important; }
|
49
|
-
// Hide
|
50
|
-
.hidden-tablet { display: none !important; }
|
51
|
-
// Hide everything else
|
52
|
-
.hidden-desktop { display: inherit !important; }
|
53
|
-
.visible-desktop { display: none !important ; }
|
54
|
-
}
|
55
|
-
|
56
|
-
// UP TO LANDSCAPE PHONE
|
57
|
-
// ---------------------
|
58
|
-
|
59
|
-
@media (max-width: 480px) {
|
60
|
-
|
61
|
-
// Smooth out the collapsing/expanding nav
|
62
|
-
.nav-collapse {
|
63
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
64
|
-
}
|
65
|
-
|
66
|
-
// Block level the page header small tag for readability
|
67
|
-
.page-header h1 small {
|
68
|
-
display: block;
|
69
|
-
line-height: $baseLineHeight;
|
70
|
-
}
|
71
|
-
|
72
|
-
// Update checkboxes for iOS
|
73
|
-
input[type="checkbox"], input[type="radio"] {
|
74
|
-
border: 1px solid #ccc;
|
75
|
-
}
|
76
|
-
|
77
|
-
// Remove the horizontal form styles
|
78
|
-
.form-horizontal .control-group > label {
|
79
|
-
float: none;
|
80
|
-
width: auto;
|
81
|
-
padding-top: 0;
|
82
|
-
text-align: left;
|
83
|
-
}
|
84
|
-
// Move over all input controls and content
|
85
|
-
.form-horizontal .controls {
|
86
|
-
margin-left: 0;
|
87
|
-
}
|
88
|
-
// Move the options list down to align with labels
|
89
|
-
.form-horizontal .control-list {
|
90
|
-
padding-top: 0; // has to be padding because margin collaspes
|
91
|
-
}
|
92
|
-
// Move over buttons in .form-actions to align with .controls
|
93
|
-
.form-horizontal .form-actions {
|
94
|
-
padding-left: 10px;
|
95
|
-
padding-right: 10px;
|
96
|
-
}
|
97
|
-
|
98
|
-
// Modals
|
99
|
-
.modal {
|
100
|
-
position: absolute;
|
101
|
-
top: 10px;
|
102
|
-
left: 10px;
|
103
|
-
right: 10px;
|
104
|
-
width: auto;
|
105
|
-
margin: 0;
|
106
|
-
&.fade.in { top: auto; }
|
107
|
-
}
|
108
|
-
.modal-header .close {
|
109
|
-
padding: 10px;
|
110
|
-
margin: -10px;
|
111
|
-
}
|
112
|
-
|
113
|
-
// Carousel
|
114
|
-
.carousel-caption {
|
115
|
-
position: static;
|
116
|
-
}
|
117
|
-
|
118
|
-
}
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
123
|
-
// --------------------------------------------------
|
124
|
-
|
125
|
-
@media (max-width: 768px) {
|
126
|
-
|
127
|
-
// Padding to set content in a bit
|
128
|
-
body {
|
129
|
-
padding-left: 20px;
|
130
|
-
padding-right: 20px;
|
131
|
-
}
|
132
|
-
// Negative indent the now static "fixed" navbar
|
133
|
-
.navbar-fixed-top, .navbar-fixed-bottom {
|
134
|
-
margin-left: -20px;
|
135
|
-
margin-right: -20px;
|
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
|
-
}
|
16
|
+
@import "bootstrap/responsive-utilities";
|
156
17
|
|
157
|
-
|
158
|
-
|
159
|
-
// Remove width from containers
|
160
|
-
.container {
|
161
|
-
width: auto;
|
162
|
-
}
|
163
|
-
// Fluid rows
|
164
|
-
.row-fluid {
|
165
|
-
width: 100%;
|
166
|
-
}
|
167
|
-
// Undo negative margin on rows and thumbnails
|
168
|
-
.row, .thumbnails {
|
169
|
-
margin-left: 0;
|
170
|
-
}
|
171
|
-
// Make all grid-sized elements block level again
|
172
|
-
[class*="span"], .row-fluid [class*="span"] {
|
173
|
-
float: none;
|
174
|
-
display: block;
|
175
|
-
width: auto;
|
176
|
-
margin-left: 0;
|
177
|
-
}
|
178
|
-
|
179
|
-
// FORM FIELDS
|
180
|
-
// -----------
|
181
|
-
// Make span* classes full width
|
182
|
-
.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
|
183
|
-
@include input-block-level();
|
184
|
-
}
|
185
|
-
// But don't let it screw up prepend/append inputs
|
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
|
188
|
-
width: auto;
|
189
|
-
}
|
190
|
-
}
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
195
|
-
// ----------------------------------
|
196
|
-
|
197
|
-
@media (min-width: 768px) and (max-width: 979px) {
|
198
|
-
|
199
|
-
// Fixed grid
|
200
|
-
@include gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
|
201
|
-
|
202
|
-
// Fluid grid
|
203
|
-
@include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
|
204
|
-
|
205
|
-
// Input grid
|
206
|
-
@include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
|
207
|
-
|
208
|
-
// No need to reset .thumbnails here since it's the same $gridGutterWidth
|
209
|
-
|
210
|
-
}
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
// TABLETS AND BELOW
|
215
|
-
// -----------------
|
216
|
-
@media (max-width: 979px) {
|
217
|
-
|
218
|
-
// UNFIX THE TOPBAR
|
219
|
-
// ----------------
|
220
|
-
// Remove any padding from the body
|
221
|
-
body {
|
222
|
-
padding-top: 0;
|
223
|
-
}
|
224
|
-
// Unfix the navbar
|
225
|
-
.navbar-fixed-top {
|
226
|
-
position: static;
|
227
|
-
margin-bottom: $baseLineHeight;
|
228
|
-
}
|
229
|
-
.navbar-fixed-top .navbar-inner {
|
230
|
-
padding: 5px;
|
231
|
-
}
|
232
|
-
.navbar .container {
|
233
|
-
width: auto;
|
234
|
-
padding: 0;
|
235
|
-
}
|
236
|
-
// Account for brand name
|
237
|
-
.navbar .brand {
|
238
|
-
padding-left: 10px;
|
239
|
-
padding-right: 10px;
|
240
|
-
margin: 0 0 0 -5px;
|
241
|
-
}
|
242
|
-
|
243
|
-
// COLLAPSIBLE NAVBAR
|
244
|
-
// ------------------
|
245
|
-
// Nav collapse clears brand
|
246
|
-
.nav-collapse {
|
247
|
-
clear: both;
|
248
|
-
}
|
249
|
-
// Block-level the nav
|
250
|
-
.nav-collapse .nav {
|
251
|
-
float: none;
|
252
|
-
margin: 0 0 ($baseLineHeight / 2);
|
253
|
-
}
|
254
|
-
.nav-collapse .nav > li {
|
255
|
-
float: none;
|
256
|
-
}
|
257
|
-
.nav-collapse .nav > li > a {
|
258
|
-
margin-bottom: 2px;
|
259
|
-
}
|
260
|
-
.nav-collapse .nav > .divider-vertical {
|
261
|
-
display: none;
|
262
|
-
}
|
263
|
-
.nav-collapse .nav .nav-header {
|
264
|
-
color: $navbarText;
|
265
|
-
text-shadow: none;
|
266
|
-
}
|
267
|
-
// Nav and dropdown links in navbar
|
268
|
-
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
|
269
|
-
padding: 6px 15px;
|
270
|
-
font-weight: bold;
|
271
|
-
color: $navbarLinkColor;
|
272
|
-
@include border-radius(3px);
|
273
|
-
}
|
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 {
|
281
|
-
margin-bottom: 2px;
|
282
|
-
}
|
283
|
-
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
|
284
|
-
background-color: $navbarBackground;
|
285
|
-
}
|
286
|
-
// Buttons in the navbar
|
287
|
-
.nav-collapse.in .btn-group {
|
288
|
-
margin-top: 5px;
|
289
|
-
padding: 0;
|
290
|
-
}
|
291
|
-
// Dropdowns in the navbar
|
292
|
-
.nav-collapse .dropdown-menu {
|
293
|
-
position: static;
|
294
|
-
top: auto;
|
295
|
-
left: auto;
|
296
|
-
float: none;
|
297
|
-
display: block;
|
298
|
-
max-width: none;
|
299
|
-
margin: 0 15px;
|
300
|
-
padding: 0;
|
301
|
-
background-color: transparent;
|
302
|
-
border: none;
|
303
|
-
@include border-radius(0);
|
304
|
-
@include box-shadow(none);
|
305
|
-
}
|
306
|
-
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
|
307
|
-
display: none;
|
308
|
-
}
|
309
|
-
.nav-collapse .dropdown-menu .divider {
|
310
|
-
display: none;
|
311
|
-
}
|
312
|
-
// Forms in navbar
|
313
|
-
.nav-collapse .navbar-form, .nav-collapse .navbar-search {
|
314
|
-
float: none;
|
315
|
-
padding: ($baseLineHeight / 2) 15px;
|
316
|
-
margin: ($baseLineHeight / 2) 0;
|
317
|
-
border-top: 1px solid $navbarBackground;
|
318
|
-
border-bottom: 1px solid $navbarBackground;
|
319
|
-
@include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
|
320
|
-
}
|
321
|
-
// Pull right (secondary) nav content
|
322
|
-
.navbar .nav-collapse .nav.pull-right {
|
323
|
-
float: none;
|
324
|
-
margin-left: 0;
|
325
|
-
}
|
326
|
-
// Hide everything in the navbar save .brand and toggle button */
|
327
|
-
.nav-collapse, .nav-collapse.collapse {
|
328
|
-
overflow: hidden;
|
329
|
-
height: 0;
|
330
|
-
}
|
331
|
-
// Navbar button
|
332
|
-
.navbar .btn-navbar {
|
333
|
-
display: block;
|
334
|
-
}
|
18
|
+
// MEDIA QUERIES
|
19
|
+
// ------------------
|
335
20
|
|
336
|
-
|
337
|
-
|
338
|
-
.navbar-static .navbar-inner {
|
339
|
-
padding-left: 10px;
|
340
|
-
padding-right: 10px;
|
341
|
-
}
|
342
|
-
}
|
21
|
+
// Phones to portrait tablets and narrow desktops
|
22
|
+
@import "bootstrap/responsive-767px-max";
|
343
23
|
|
24
|
+
// Tablets to regular desktops
|
25
|
+
@import "bootstrap/responsive-768px-979px";
|
344
26
|
|
345
|
-
//
|
346
|
-
|
27
|
+
// Large desktops
|
28
|
+
@import "bootstrap/responsive-1200px-min";
|
347
29
|
|
348
|
-
// Required to make the collapsing navbar work on regular desktops
|
349
|
-
@media (min-width: 980px) {
|
350
|
-
.nav-collapse.collapse {
|
351
|
-
height: auto !important;
|
352
|
-
overflow: visible !important;
|
353
|
-
}
|
354
|
-
}
|
355
30
|
|
356
|
-
//
|
31
|
+
// RESPONSIVE NAVBAR
|
357
32
|
// ------------------
|
358
33
|
|
359
|
-
|
360
|
-
|
361
|
-
// Fixed grid
|
362
|
-
@include gridCore($gridColumnWidthLarge, $gridGutterWidthLarge);
|
363
|
-
|
364
|
-
// Fluid grid
|
365
|
-
@include gridFluid($fluidGridColumnWidthLarge, $fluidGridGutterWidthLarge);
|
366
|
-
|
367
|
-
// Input grid
|
368
|
-
@include gridInput($gridColumnWidthLarge, $gridGutterWidthLarge);
|
369
|
-
|
370
|
-
// Thumbnails
|
371
|
-
.thumbnails {
|
372
|
-
margin-left: -$gridGutterWidthLarge;
|
373
|
-
}
|
374
|
-
.thumbnails > li {
|
375
|
-
margin-left: $gridGutterWidthLarge;
|
376
|
-
}
|
377
|
-
.row-fluid .thumbnails {
|
378
|
-
margin-left: 0;
|
379
|
-
}
|
380
|
-
}
|
34
|
+
// From 979px and below, show a button to toggle navbar contents
|
35
|
+
@import "bootstrap/responsive-navbar";
|