bootstrap-sass-rails 3.0.0.0.rc2 → 3.0.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.
- data/README.md +0 -20
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +228 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +3 -3
- data/app/assets/javascripts/twitter/bootstrap/modal.js +5 -3
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +9 -5
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -1
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +17 -21
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +7 -11
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +14 -10
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +9 -20
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +7 -2
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +23 -5
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +36 -15
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +209 -179
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +9 -3
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -1
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +16 -5
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +9 -5
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +5 -5
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +86 -59
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +8 -0
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +253 -191
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +13 -12
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -1
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +20 -9
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +28 -8
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +6 -10
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +69 -45
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +37 -18
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +84 -59
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +232 -0
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +8 -19
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +2 -2
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +63 -50
- data/lib/bootstrap/sass/rails/version.rb +1 -1
- data/test/cases/usage_css_spec.rb +6 -4
- metadata +14 -11
- data/app/assets/fonts/twitter/bootstrap/glyphiconshalflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphiconshalflings-regular.otf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphiconshalflings-regular.svg +0 -175
- data/app/assets/fonts/twitter/bootstrap/glyphiconshalflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphiconshalflings-regular.woff +0 -0
@@ -12,6 +12,14 @@
|
|
12
12
|
overflow: hidden;
|
13
13
|
}
|
14
14
|
|
15
|
+
|
16
|
+
// Account for hiding of scrollbar
|
17
|
+
body.modal-open,
|
18
|
+
.modal-open .navbar-fixed-top,
|
19
|
+
.modal-open .navbar-fixed-bottom {
|
20
|
+
margin-right: 15px
|
21
|
+
}
|
22
|
+
|
15
23
|
// Container that the modal scrolls within
|
16
24
|
.modal {
|
17
25
|
display: none;
|
@@ -10,10 +10,10 @@
|
|
10
10
|
|
11
11
|
.navbar {
|
12
12
|
position: relative;
|
13
|
+
z-index: $zindex-navbar;
|
13
14
|
min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
|
14
15
|
margin-bottom: $navbar-margin-bottom;
|
15
|
-
|
16
|
-
border: 1px solid $navbar-border;
|
16
|
+
border: 1px solid transparent;
|
17
17
|
|
18
18
|
// Prevent floats from breaking the navbar
|
19
19
|
@include clearfix();
|
@@ -30,8 +30,6 @@
|
|
30
30
|
// styling of responsive aspects.
|
31
31
|
|
32
32
|
.navbar-header {
|
33
|
-
padding-left: $navbar-padding-horizontal;
|
34
|
-
padding-right: $navbar-padding-horizontal;
|
35
33
|
@include clearfix();
|
36
34
|
|
37
35
|
@media (min-width: $grid-float-breakpoint) {
|
@@ -51,25 +49,61 @@
|
|
51
49
|
// content for the user's viewport.
|
52
50
|
|
53
51
|
.navbar-collapse {
|
54
|
-
padding: 5px $navbar-padding-horizontal;
|
55
|
-
border-top: 1px solid darken($navbar-bg, 7%);
|
56
|
-
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
|
57
|
-
// Clear floated elements and prevent collapsing of padding
|
58
|
-
@include clearfix();
|
59
|
-
|
60
|
-
// This is not automatically added to the `.navbar-fixed-top` because it causes
|
61
|
-
// z-index bugs in iOS7 (possibly earlier).
|
62
52
|
max-height: 340px;
|
63
53
|
overflow-x: visible;
|
64
|
-
|
54
|
+
padding-right: $navbar-padding-horizontal;
|
55
|
+
padding-left: $navbar-padding-horizontal;
|
56
|
+
border-top: 1px solid transparent;
|
57
|
+
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
|
58
|
+
@include clearfix();
|
65
59
|
-webkit-overflow-scrolling: touch;
|
66
60
|
|
61
|
+
&.in {
|
62
|
+
overflow-y: auto;
|
63
|
+
}
|
64
|
+
|
67
65
|
@media (min-width: $grid-float-breakpoint) {
|
68
66
|
width: auto;
|
69
|
-
padding-top: 0;
|
70
|
-
padding-bottom: 0;
|
71
67
|
border-top: 0;
|
72
68
|
box-shadow: none;
|
69
|
+
|
70
|
+
&.collapse {
|
71
|
+
display: block !important;
|
72
|
+
height: auto !important;
|
73
|
+
padding-bottom: 0; // Override default setting
|
74
|
+
overflow: visible !important;
|
75
|
+
}
|
76
|
+
|
77
|
+
&.in {
|
78
|
+
overflow-y: visible;
|
79
|
+
}
|
80
|
+
|
81
|
+
// Account for first and last children spacing
|
82
|
+
.navbar-nav.navbar-left:first-child {
|
83
|
+
margin-left: -$navbar-padding-horizontal;
|
84
|
+
}
|
85
|
+
.navbar-nav.navbar-right:last-child {
|
86
|
+
margin-right: -$navbar-padding-horizontal;
|
87
|
+
}
|
88
|
+
.navbar-text:last-child {
|
89
|
+
margin-right: 0;
|
90
|
+
}
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
|
95
|
+
// Both navbar header and collapse
|
96
|
+
//
|
97
|
+
// When a container is present, change the behavior of the header and collapse.
|
98
|
+
|
99
|
+
.container > .navbar-header,
|
100
|
+
.container > .navbar-collapse {
|
101
|
+
margin-right: -$navbar-padding-horizontal;
|
102
|
+
margin-left: -$navbar-padding-horizontal;
|
103
|
+
|
104
|
+
@media (min-width: $grid-float-breakpoint) {
|
105
|
+
margin-right: 0;
|
106
|
+
margin-left: 0;
|
73
107
|
}
|
74
108
|
}
|
75
109
|
|
@@ -82,8 +116,8 @@
|
|
82
116
|
|
83
117
|
// Static top (unfixed, but 100% wide) navbar
|
84
118
|
.navbar-static-top {
|
119
|
+
border-width: 0 0 1px;
|
85
120
|
@media (min-width: $grid-float-breakpoint) {
|
86
|
-
border-width: 0 0 1px;
|
87
121
|
border-radius: 0;
|
88
122
|
}
|
89
123
|
}
|
@@ -94,7 +128,6 @@
|
|
94
128
|
position: fixed;
|
95
129
|
right: 0;
|
96
130
|
left: 0;
|
97
|
-
z-index: $zindex-navbar-fixed;
|
98
131
|
border-width: 0 0 1px;
|
99
132
|
|
100
133
|
// Undo the rounded corners
|
@@ -103,6 +136,7 @@
|
|
103
136
|
}
|
104
137
|
}
|
105
138
|
.navbar-fixed-top {
|
139
|
+
z-index: $zindex-navbar-fixed;
|
106
140
|
top: 0;
|
107
141
|
}
|
108
142
|
.navbar-fixed-bottom {
|
@@ -115,17 +149,18 @@
|
|
115
149
|
|
116
150
|
.navbar-brand {
|
117
151
|
float: left;
|
118
|
-
|
119
|
-
padding-top: $navbar-padding-vertical;
|
120
|
-
padding-bottom: $navbar-padding-vertical;
|
152
|
+
padding: $navbar-padding-vertical $navbar-padding-horizontal;
|
121
153
|
font-size: $font-size-large;
|
122
154
|
line-height: $line-height-computed;
|
123
|
-
color: $navbar-brand-color;
|
124
155
|
&:hover,
|
125
156
|
&:focus {
|
126
|
-
color: $navbar-brand-hover-color;
|
127
157
|
text-decoration: none;
|
128
|
-
|
158
|
+
}
|
159
|
+
|
160
|
+
@media (min-width: $grid-float-breakpoint) {
|
161
|
+
.navbar > .container & {
|
162
|
+
margin-left: -$navbar-padding-horizontal;
|
163
|
+
}
|
129
164
|
}
|
130
165
|
}
|
131
166
|
|
@@ -138,28 +173,27 @@
|
|
138
173
|
.navbar-toggle {
|
139
174
|
position: relative;
|
140
175
|
float: right;
|
176
|
+
margin-right: $navbar-padding-horizontal;
|
141
177
|
padding: 9px 10px;
|
142
178
|
@include navbar-vertical-align(34px);
|
143
179
|
background-color: transparent;
|
144
|
-
border: 1px solid
|
180
|
+
border: 1px solid transparent;
|
145
181
|
border-radius: $border-radius-base;
|
146
182
|
|
147
|
-
&:hover,
|
148
|
-
&:focus {
|
149
|
-
background-color: $navbar-toggle-hover-bg;
|
150
|
-
}
|
151
|
-
|
152
183
|
// Bars
|
153
184
|
.icon-bar {
|
154
185
|
display: block;
|
155
186
|
width: 22px;
|
156
187
|
height: 2px;
|
157
|
-
background-color: $navbar-toggle-icon-bar-bg;
|
158
188
|
border-radius: 1px;
|
159
189
|
}
|
160
190
|
.icon-bar + .icon-bar {
|
161
191
|
margin-top: 4px;
|
162
192
|
}
|
193
|
+
|
194
|
+
@media (min-width: $grid-float-breakpoint) {
|
195
|
+
display: none;
|
196
|
+
}
|
163
197
|
}
|
164
198
|
|
165
199
|
|
@@ -169,44 +203,16 @@
|
|
169
203
|
// the nav the full height of the horizontal nav (above 768px).
|
170
204
|
|
171
205
|
.navbar-nav {
|
172
|
-
margin
|
173
|
-
margin-right: -$navbar-padding-horizontal;
|
174
|
-
|
175
|
-
@media (min-width: $grid-float-breakpoint) {
|
176
|
-
margin-left: 0;
|
177
|
-
margin-right: 0;
|
178
|
-
}
|
206
|
+
margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
|
179
207
|
|
180
208
|
> li > a {
|
181
209
|
padding-top: 10px;
|
182
210
|
padding-bottom: 10px;
|
183
|
-
color: $navbar-link-color;
|
184
211
|
line-height: $line-height-computed;
|
185
|
-
&:hover,
|
186
|
-
&:focus {
|
187
|
-
color: $navbar-link-hover-color;
|
188
|
-
background-color: $navbar-link-hover-bg;
|
189
|
-
}
|
190
|
-
}
|
191
|
-
> .active > a {
|
192
|
-
&,
|
193
|
-
&:hover,
|
194
|
-
&:focus {
|
195
|
-
color: $navbar-link-active-color;
|
196
|
-
background-color: $navbar-link-active-bg;
|
197
|
-
}
|
198
|
-
}
|
199
|
-
> .disabled > a {
|
200
|
-
&,
|
201
|
-
&:hover,
|
202
|
-
&:focus {
|
203
|
-
color: $navbar-link-disabled-color;
|
204
|
-
background-color: $navbar-link-disabled-bg;
|
205
|
-
}
|
206
212
|
}
|
207
213
|
|
208
|
-
@media (max-width: $screen-
|
209
|
-
// Dropdowns get custom display
|
214
|
+
@media (max-width: $screen-xs-max) {
|
215
|
+
// Dropdowns get custom display when collapsed
|
210
216
|
.open .dropdown-menu {
|
211
217
|
position: static;
|
212
218
|
float: none;
|
@@ -220,30 +226,25 @@
|
|
220
226
|
padding: 5px 15px 5px 25px;
|
221
227
|
}
|
222
228
|
> li > a {
|
223
|
-
color: $navbar-link-color;
|
224
229
|
line-height: $line-height-computed;
|
225
230
|
&:hover,
|
226
231
|
&:focus {
|
227
|
-
color: $navbar-link-hover-color;
|
228
|
-
background-color: $navbar-link-hover-bg;
|
229
232
|
background-image: none;
|
230
233
|
}
|
231
234
|
}
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
background-color: $navbar-link-disabled-bg;
|
246
|
-
}
|
235
|
+
}
|
236
|
+
}
|
237
|
+
|
238
|
+
// Uncollapse the nav
|
239
|
+
@media (min-width: $grid-float-breakpoint) {
|
240
|
+
float: left;
|
241
|
+
margin: 0;
|
242
|
+
|
243
|
+
> li {
|
244
|
+
float: left;
|
245
|
+
> a {
|
246
|
+
padding-top: (($navbar-height - $line-height-computed) / 2);
|
247
|
+
padding-bottom: (($navbar-height - $line-height-computed) / 2);
|
247
248
|
}
|
248
249
|
}
|
249
250
|
}
|
@@ -258,8 +259,8 @@
|
|
258
259
|
// though so that navbar contents properly stack and align in mobile.
|
259
260
|
|
260
261
|
@media (min-width: $grid-float-breakpoint) {
|
261
|
-
.navbar-left {
|
262
|
-
.navbar-right {
|
262
|
+
.navbar-left { float: left !important; }
|
263
|
+
.navbar-right { float: right !important; }
|
263
264
|
}
|
264
265
|
|
265
266
|
|
@@ -272,14 +273,16 @@
|
|
272
273
|
margin-left: -$navbar-padding-horizontal;
|
273
274
|
margin-right: -$navbar-padding-horizontal;
|
274
275
|
padding: 10px $navbar-padding-horizontal;
|
275
|
-
border-top: 1px solid
|
276
|
-
border-bottom: 1px solid
|
276
|
+
border-top: 1px solid transparent;
|
277
|
+
border-bottom: 1px solid transparent;
|
278
|
+
$shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
279
|
+
@include box-shadow($shadow);
|
277
280
|
|
278
281
|
// Mixin behavior for optimum display
|
279
282
|
@extend .form-inline;
|
280
283
|
|
281
284
|
.form-group {
|
282
|
-
@media (max-width: $screen-
|
285
|
+
@media (max-width: $screen-xs-max) {
|
283
286
|
margin-bottom: 5px;
|
284
287
|
}
|
285
288
|
}
|
@@ -295,6 +298,7 @@
|
|
295
298
|
margin-right: 0;
|
296
299
|
padding-top: 0;
|
297
300
|
padding-bottom: 0;
|
301
|
+
@include box-shadow(none);
|
298
302
|
}
|
299
303
|
}
|
300
304
|
|
@@ -311,45 +315,176 @@
|
|
311
315
|
@include border-bottom-radius(0);
|
312
316
|
}
|
313
317
|
|
314
|
-
//
|
315
|
-
.navbar-nav
|
316
|
-
|
317
|
-
|
318
|
-
|
319
|
-
|
320
|
-
|
318
|
+
// Right aligned menus need alt position
|
319
|
+
.navbar-nav.pull-right > li > .dropdown-menu,
|
320
|
+
.navbar-nav > li > .dropdown-menu.pull-right {
|
321
|
+
left: auto;
|
322
|
+
right: 0;
|
323
|
+
}
|
324
|
+
|
325
|
+
|
326
|
+
// Buttons in navbars
|
327
|
+
//
|
328
|
+
// Vertically center a button within a navbar (when *not* in a form).
|
329
|
+
|
330
|
+
.navbar-btn {
|
331
|
+
@include navbar-vertical-align($input-height-base);
|
332
|
+
}
|
333
|
+
|
334
|
+
|
335
|
+
// Text in navbars
|
336
|
+
//
|
337
|
+
// Add a class to make any element properly align itself vertically within the navbars.
|
338
|
+
|
339
|
+
.navbar-text {
|
340
|
+
float: left;
|
341
|
+
@include navbar-vertical-align($line-height-computed);
|
342
|
+
|
343
|
+
@media (min-width: $grid-float-breakpoint) {
|
344
|
+
margin-left: $navbar-padding-horizontal;
|
345
|
+
margin-right: $navbar-padding-horizontal;
|
321
346
|
}
|
347
|
+
}
|
348
|
+
|
349
|
+
// Alternate navbars
|
350
|
+
// --------------------------------------------------
|
322
351
|
|
323
|
-
|
324
|
-
|
325
|
-
|
352
|
+
// Default navbar
|
353
|
+
.navbar-default {
|
354
|
+
background-color: $navbar-default-bg;
|
355
|
+
border-color: $navbar-default-border;
|
356
|
+
|
357
|
+
.navbar-brand {
|
358
|
+
color: $navbar-default-brand-color;
|
326
359
|
&:hover,
|
327
360
|
&:focus {
|
328
|
-
|
329
|
-
color: $navbar-
|
330
|
-
|
331
|
-
|
332
|
-
|
361
|
+
color: $navbar-default-brand-hover-color;
|
362
|
+
background-color: $navbar-default-brand-hover-bg;
|
363
|
+
}
|
364
|
+
}
|
365
|
+
|
366
|
+
.navbar-text {
|
367
|
+
color: $navbar-default-color;
|
368
|
+
}
|
369
|
+
|
370
|
+
.navbar-nav {
|
371
|
+
> li > a {
|
372
|
+
color: $navbar-default-link-color;
|
373
|
+
|
374
|
+
&:hover,
|
375
|
+
&:focus {
|
376
|
+
color: $navbar-default-link-hover-color;
|
377
|
+
background-color: $navbar-default-link-hover-bg;
|
378
|
+
}
|
379
|
+
}
|
380
|
+
> .active > a {
|
381
|
+
&,
|
382
|
+
&:hover,
|
383
|
+
&:focus {
|
384
|
+
color: $navbar-default-link-active-color;
|
385
|
+
background-color: $navbar-default-link-active-bg;
|
386
|
+
}
|
387
|
+
}
|
388
|
+
> .disabled > a {
|
389
|
+
&,
|
390
|
+
&:hover,
|
391
|
+
&:focus {
|
392
|
+
color: $navbar-default-link-disabled-color;
|
393
|
+
background-color: $navbar-default-link-disabled-bg;
|
333
394
|
}
|
334
395
|
}
|
335
396
|
}
|
336
|
-
|
337
|
-
|
338
|
-
border-
|
397
|
+
|
398
|
+
.navbar-toggle {
|
399
|
+
border-color: $navbar-default-toggle-border-color;
|
400
|
+
&:hover,
|
401
|
+
&:focus {
|
402
|
+
background-color: $navbar-default-toggle-hover-bg;
|
403
|
+
}
|
404
|
+
.icon-bar {
|
405
|
+
background-color: $navbar-default-toggle-icon-bar-bg;
|
406
|
+
}
|
339
407
|
}
|
340
|
-
}
|
341
408
|
|
342
|
-
|
343
|
-
.navbar-
|
344
|
-
|
345
|
-
|
346
|
-
|
347
|
-
|
409
|
+
.navbar-collapse,
|
410
|
+
.navbar-form {
|
411
|
+
border-color: darken($navbar-default-bg, 7%);
|
412
|
+
}
|
413
|
+
|
414
|
+
// Dropdown menu items and carets
|
415
|
+
.navbar-nav {
|
416
|
+
// Caret should match text color on hover
|
417
|
+
> .dropdown > a:hover .caret,
|
418
|
+
> .dropdown > a:focus .caret {
|
419
|
+
border-top-color: $navbar-default-link-hover-color;
|
420
|
+
border-bottom-color: $navbar-default-link-hover-color;
|
421
|
+
}
|
348
422
|
|
423
|
+
// Remove background color from open dropdown
|
424
|
+
> .open > a {
|
425
|
+
&,
|
426
|
+
&:hover,
|
427
|
+
&:focus {
|
428
|
+
background-color: $navbar-default-link-active-bg;
|
429
|
+
color: $navbar-default-link-active-color;
|
430
|
+
.caret {
|
431
|
+
border-top-color: $navbar-default-link-active-color;
|
432
|
+
border-bottom-color: $navbar-default-link-active-color;
|
433
|
+
}
|
434
|
+
}
|
435
|
+
}
|
436
|
+
> .dropdown > a .caret {
|
437
|
+
border-top-color: $navbar-default-link-color;
|
438
|
+
border-bottom-color: $navbar-default-link-color;
|
439
|
+
}
|
349
440
|
|
350
441
|
|
442
|
+
@media (max-width: $screen-xs-max) {
|
443
|
+
// Dropdowns get custom display when collapsed
|
444
|
+
.open .dropdown-menu {
|
445
|
+
> li > a {
|
446
|
+
color: $navbar-default-link-color;
|
447
|
+
&:hover,
|
448
|
+
&:focus {
|
449
|
+
color: $navbar-default-link-hover-color;
|
450
|
+
background-color: $navbar-default-link-hover-bg;
|
451
|
+
}
|
452
|
+
}
|
453
|
+
> .active > a {
|
454
|
+
&,
|
455
|
+
&:hover,
|
456
|
+
&:focus {
|
457
|
+
color: $navbar-default-link-active-color;
|
458
|
+
background-color: $navbar-default-link-active-bg;
|
459
|
+
}
|
460
|
+
}
|
461
|
+
> .disabled > a {
|
462
|
+
&,
|
463
|
+
&:hover,
|
464
|
+
&:focus {
|
465
|
+
color: $navbar-default-link-disabled-color;
|
466
|
+
background-color: $navbar-default-link-disabled-bg;
|
467
|
+
}
|
468
|
+
}
|
469
|
+
}
|
470
|
+
}
|
471
|
+
}
|
472
|
+
|
473
|
+
|
474
|
+
// Links in navbars
|
475
|
+
//
|
476
|
+
// Add a class to ensure links outside the navbar nav are colored correctly.
|
477
|
+
|
478
|
+
.navbar-link {
|
479
|
+
color: $navbar-default-link-color;
|
480
|
+
&:hover {
|
481
|
+
color: $navbar-default-link-hover-color;
|
482
|
+
}
|
483
|
+
}
|
484
|
+
|
485
|
+
}
|
486
|
+
|
351
487
|
// Inverse navbar
|
352
|
-
// --------------------------------------------------
|
353
488
|
|
354
489
|
.navbar-inverse {
|
355
490
|
background-color: $navbar-inverse-bg;
|
@@ -408,8 +543,9 @@
|
|
408
543
|
}
|
409
544
|
}
|
410
545
|
|
411
|
-
.navbar-collapse
|
412
|
-
|
546
|
+
.navbar-collapse,
|
547
|
+
.navbar-form {
|
548
|
+
border-color: darken($navbar-inverse-bg, 7%);
|
413
549
|
}
|
414
550
|
|
415
551
|
// Dropdowns
|
@@ -441,7 +577,7 @@
|
|
441
577
|
}
|
442
578
|
}
|
443
579
|
|
444
|
-
@media (max-width: $screen-
|
580
|
+
@media (max-width: $screen-xs-max) {
|
445
581
|
// Dropdowns get custom display
|
446
582
|
.open .dropdown-menu {
|
447
583
|
> .dropdown-header {
|
@@ -475,85 +611,11 @@
|
|
475
611
|
}
|
476
612
|
}
|
477
613
|
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
// Responsive navbar
|
483
|
-
// --------------------------------------------------
|
484
|
-
|
485
|
-
@media screen and (min-width: $grid-float-breakpoint) {
|
486
|
-
|
487
|
-
.navbar-nav {
|
488
|
-
float: left;
|
489
|
-
// undo margin to make nav extend full height of navbar
|
490
|
-
margin-top: 0;
|
491
|
-
margin-bottom: 0;
|
492
|
-
|
493
|
-
> li {
|
494
|
-
float: left;
|
495
|
-
> a {
|
496
|
-
padding-top: (($navbar-height - $line-height-computed) / 2);
|
497
|
-
padding-bottom: (($navbar-height - $line-height-computed) / 2);
|
498
|
-
}
|
614
|
+
.navbar-link {
|
615
|
+
color: $navbar-inverse-link-color;
|
616
|
+
&:hover {
|
617
|
+
color: $navbar-inverse-link-hover-color;
|
499
618
|
}
|
500
619
|
}
|
501
620
|
|
502
|
-
// Required to make the collapsing navbar work on regular desktops
|
503
|
-
.navbar-toggle {
|
504
|
-
position: relative;
|
505
|
-
top: auto;
|
506
|
-
left: auto;
|
507
|
-
display: none;
|
508
|
-
}
|
509
|
-
.navbar-collapse.collapse {
|
510
|
-
display: block !important;
|
511
|
-
height: auto !important;
|
512
|
-
padding-bottom: 0; // Override default setting
|
513
|
-
overflow: visible !important;
|
514
|
-
}
|
515
|
-
|
516
|
-
}
|
517
|
-
|
518
|
-
|
519
|
-
|
520
|
-
// Buttons in navbars
|
521
|
-
//
|
522
|
-
// Vertically center a button within a navbar (when *not* in a form).
|
523
|
-
|
524
|
-
.navbar-btn {
|
525
|
-
margin-top: (($navbar-height - $input-height-base) / 2);
|
526
|
-
}
|
527
|
-
|
528
|
-
|
529
|
-
|
530
|
-
// Text in navbars
|
531
|
-
//
|
532
|
-
// Add a class to make any element properly align itself vertically within the navbars.
|
533
|
-
|
534
|
-
.navbar-text {
|
535
|
-
float: left;
|
536
|
-
@include navbar-vertical-align($line-height-computed);
|
537
|
-
}
|
538
|
-
|
539
|
-
|
540
|
-
|
541
|
-
// Links in navbars
|
542
|
-
//
|
543
|
-
// Add a class to ensure links outside the navbar nav are colored correctly.
|
544
|
-
|
545
|
-
// Default navbar variables
|
546
|
-
.navbar-link {
|
547
|
-
color: $navbar-link-color;
|
548
|
-
&:hover {
|
549
|
-
color: $navbar-link-hover-color;
|
550
|
-
}
|
551
|
-
}
|
552
|
-
|
553
|
-
// Use the inverse navbar variables
|
554
|
-
.navbar-inverse .navbar-link {
|
555
|
-
color: $navbar-inverse-link-color;
|
556
|
-
&:hover {
|
557
|
-
color: $navbar-inverse-link-hover-color;
|
558
|
-
}
|
559
621
|
}
|