bootstrap-sass-rails 3.0.3.0 → 3.1.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.
Files changed (66) hide show
  1. data/LICENSE +1 -1
  2. data/README.md +24 -133
  3. data/app/assets/javascripts/twitter/bootstrap.js +1 -12
  4. data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
  5. data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
  6. data/app/assets/javascripts/twitter/bootstrap/button.js +1 -115
  7. data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
  8. data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
  9. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
  10. data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
  11. data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
  12. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
  13. data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
  14. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
  15. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
  16. data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -49
  17. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
  18. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
  19. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
  20. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -227
  21. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -155
  22. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -232
  23. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -34
  24. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -53
  25. data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
  26. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -187
  27. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -373
  28. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -237
  29. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -78
  30. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -136
  31. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -46
  32. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -64
  33. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -88
  34. data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
  35. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -847
  36. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -129
  37. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -616
  38. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -242
  39. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -406
  40. data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
  41. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -85
  42. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -182
  43. data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
  44. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -105
  45. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -80
  46. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -198
  47. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -119
  48. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -231
  49. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -247
  50. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -38
  51. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
  52. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -281
  53. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -56
  54. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -642
  55. data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
  56. data/lib/bootstrap-sass-rails.rb +1 -1
  57. data/lib/bootstrap/sass/rails/engine.rb +3 -8
  58. data/lib/bootstrap/sass/rails/version.rb +2 -1
  59. data/lib/generators/bootstrap/templates/USAGE +1 -1
  60. metadata +37 -17
  61. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  62. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -229
  63. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  64. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  65. data/lib/bootstrap/sass/extensions.rb +0 -5
  66. data/lib/bootstrap/sass/extensions/functions.rb +0 -15
@@ -1,129 +1 @@
1
- //
2
- // Modals
3
- // --------------------------------------------------
4
-
5
- // .modal-open - body class for killing the scroll
6
- // .modal - container to scroll within
7
- // .modal-dialog - positioning shell for the actual modal
8
- // .modal-content - actual modal w/ bg and corners and shit
9
-
10
- // Kill the scroll on the body
11
- .modal-open {
12
- overflow: hidden;
13
- }
14
-
15
- // Container that the modal scrolls within
16
- .modal {
17
- display: none;
18
- overflow: auto;
19
- overflow-y: scroll;
20
- position: fixed;
21
- top: 0;
22
- right: 0;
23
- bottom: 0;
24
- left: 0;
25
- z-index: $zindex-modal-background;
26
-
27
- // When fading in the modal, animate it to slide down
28
- &.fade .modal-dialog {
29
- @include translate(0, -25%);
30
- @include transition-transform(0.3s ease-out);
31
- }
32
- &.in .modal-dialog { @include translate(0, 0)}
33
- }
34
-
35
- // Shell div to position the modal with bottom padding
36
- .modal-dialog {
37
- position: relative;
38
- width: auto;
39
- margin: 10px;
40
- z-index: ($zindex-modal-background + 10);
41
- }
42
-
43
- // Actual modal
44
- .modal-content {
45
- position: relative;
46
- background-color: $modal-content-bg;
47
- border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
48
- border: 1px solid $modal-content-border-color;
49
- border-radius: $border-radius-large;
50
- @include box-shadow(0 3px 9px rgba(0,0,0,.5));
51
- background-clip: padding-box;
52
- // Remove focus outline from opened modal
53
- outline: none;
54
- }
55
-
56
- // Modal background
57
- .modal-backdrop {
58
- position: fixed;
59
- top: 0;
60
- right: 0;
61
- bottom: 0;
62
- left: 0;
63
- z-index: ($zindex-modal-background - 10);
64
- background-color: $modal-backdrop-bg;
65
- // Fade for backdrop
66
- &.fade { @include opacity(0); }
67
- &.in { @include opacity(.5); }
68
- }
69
-
70
- // Modal header
71
- // Top section of the modal w/ title and dismiss
72
- .modal-header {
73
- padding: $modal-title-padding;
74
- border-bottom: 1px solid $modal-header-border-color;
75
- min-height: ($modal-title-padding + $modal-title-line-height);
76
- }
77
- // Close icon
78
- .modal-header .close {
79
- margin-top: -2px;
80
- }
81
-
82
- // Title text within header
83
- .modal-title {
84
- margin: 0;
85
- line-height: $modal-title-line-height;
86
- }
87
-
88
- // Modal body
89
- // Where all modal content resides (sibling of .modal-header and .modal-footer)
90
- .modal-body {
91
- position: relative;
92
- padding: $modal-inner-padding;
93
- }
94
-
95
- // Footer (for actions)
96
- .modal-footer {
97
- margin-top: 15px;
98
- padding: ($modal-inner-padding - 1) $modal-inner-padding $modal-inner-padding;
99
- text-align: right; // right align buttons
100
- border-top: 1px solid $modal-footer-border-color;
101
- @include clearfix(); // clear it in case folks use .pull-* classes on buttons
102
-
103
- // Properly space out buttons
104
- .btn + .btn {
105
- margin-left: 5px;
106
- margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
107
- }
108
- // but override that for button groups
109
- .btn-group .btn + .btn {
110
- margin-left: -1px;
111
- }
112
- // and override it for block buttons as well
113
- .btn-block + .btn-block {
114
- margin-left: 0;
115
- }
116
- }
117
-
118
- // Scale up the modal
119
- @media screen and (min-width: $screen-sm-min) {
120
-
121
- .modal-dialog {
122
- width: 600px;
123
- margin: 30px auto;
124
- }
125
- .modal-content {
126
- @include box-shadow(0 5px 15px rgba(0,0,0,.5));
127
- }
128
-
129
- }
1
+ @import "bootstrap/modals";
@@ -1,616 +1 @@
1
- //
2
- // Navbars
3
- // --------------------------------------------------
4
-
5
-
6
- // Wrapper and base class
7
- //
8
- // Provide a static navbar from which we expand to create full-width, fixed, and
9
- // other navbar variations.
10
-
11
- .navbar {
12
- position: relative;
13
- min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
14
- margin-bottom: $navbar-margin-bottom;
15
- border: 1px solid transparent;
16
-
17
- // Prevent floats from breaking the navbar
18
- @include clearfix();
19
-
20
- @media (min-width: $grid-float-breakpoint) {
21
- border-radius: $navbar-border-radius;
22
- }
23
- }
24
-
25
-
26
- // Navbar heading
27
- //
28
- // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
29
- // styling of responsive aspects.
30
-
31
- .navbar-header {
32
- @include clearfix();
33
-
34
- @media (min-width: $grid-float-breakpoint) {
35
- float: left;
36
- }
37
- }
38
-
39
-
40
- // Navbar collapse (body)
41
- //
42
- // Group your navbar content into this for easy collapsing and expanding across
43
- // various device sizes. By default, this content is collapsed when <768px, but
44
- // will expand past that for a horizontal display.
45
- //
46
- // To start (on mobile devices) the navbar links, forms, and buttons are stacked
47
- // vertically and include a `max-height` to overflow in case you have too much
48
- // content for the user's viewport.
49
-
50
- .navbar-collapse {
51
- max-height: 340px;
52
- overflow-x: visible;
53
- padding-right: $navbar-padding-horizontal;
54
- padding-left: $navbar-padding-horizontal;
55
- border-top: 1px solid transparent;
56
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
57
- @include clearfix();
58
- -webkit-overflow-scrolling: touch;
59
-
60
- &.in {
61
- overflow-y: auto;
62
- }
63
-
64
- @media (min-width: $grid-float-breakpoint) {
65
- width: auto;
66
- border-top: 0;
67
- box-shadow: none;
68
-
69
- &.collapse {
70
- display: block !important;
71
- height: auto !important;
72
- padding-bottom: 0; // Override default setting
73
- overflow: visible !important;
74
- }
75
-
76
- &.in {
77
- overflow-y: visible;
78
- }
79
-
80
- // Undo the collapse side padding for navbars with containers to ensure
81
- // alignment of right-aligned contents.
82
- .navbar-fixed-top &,
83
- .navbar-static-top &,
84
- .navbar-fixed-bottom & {
85
- padding-left: 0;
86
- padding-right: 0;
87
- }
88
- }
89
- }
90
-
91
-
92
- // Both navbar header and collapse
93
- //
94
- // When a container is present, change the behavior of the header and collapse.
95
-
96
- .container > .navbar-header,
97
- .container > .navbar-collapse {
98
- margin-right: -$navbar-padding-horizontal;
99
- margin-left: -$navbar-padding-horizontal;
100
-
101
- @media (min-width: $grid-float-breakpoint) {
102
- margin-right: 0;
103
- margin-left: 0;
104
- }
105
- }
106
-
107
-
108
- //
109
- // Navbar alignment options
110
- //
111
- // Display the navbar across the entirety of the page or fixed it to the top or
112
- // bottom of the page.
113
-
114
- // Static top (unfixed, but 100% wide) navbar
115
- .navbar-static-top {
116
- z-index: $zindex-navbar;
117
- border-width: 0 0 1px;
118
-
119
- @media (min-width: $grid-float-breakpoint) {
120
- border-radius: 0;
121
- }
122
- }
123
-
124
- // Fix the top/bottom navbars when screen real estate supports it
125
- .navbar-fixed-top,
126
- .navbar-fixed-bottom {
127
- position: fixed;
128
- right: 0;
129
- left: 0;
130
- z-index: $zindex-navbar-fixed;
131
-
132
- // Undo the rounded corners
133
- @media (min-width: $grid-float-breakpoint) {
134
- border-radius: 0;
135
- }
136
- }
137
- .navbar-fixed-top {
138
- top: 0;
139
- border-width: 0 0 1px;
140
- }
141
- .navbar-fixed-bottom {
142
- bottom: 0;
143
- margin-bottom: 0; // override .navbar defaults
144
- border-width: 1px 0 0;
145
- }
146
-
147
-
148
- // Brand/project name
149
-
150
- .navbar-brand {
151
- float: left;
152
- padding: $navbar-padding-vertical $navbar-padding-horizontal;
153
- font-size: $font-size-large;
154
- line-height: $line-height-computed;
155
-
156
- &:hover,
157
- &:focus {
158
- text-decoration: none;
159
- }
160
-
161
- @media (min-width: $grid-float-breakpoint) {
162
- .navbar > .container & {
163
- margin-left: -$navbar-padding-horizontal;
164
- }
165
- }
166
- }
167
-
168
-
169
- // Navbar toggle
170
- //
171
- // Custom button for toggling the `.navbar-collapse`, powered by the collapse
172
- // JavaScript plugin.
173
-
174
- .navbar-toggle {
175
- position: relative;
176
- float: right;
177
- margin-right: $navbar-padding-horizontal;
178
- padding: 9px 10px;
179
- @include navbar-vertical-align(34px);
180
- background-color: transparent;
181
- background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
182
- border: 1px solid transparent;
183
- border-radius: $border-radius-base;
184
-
185
- // Bars
186
- .icon-bar {
187
- display: block;
188
- width: 22px;
189
- height: 2px;
190
- border-radius: 1px;
191
- }
192
- .icon-bar + .icon-bar {
193
- margin-top: 4px;
194
- }
195
-
196
- @media (min-width: $grid-float-breakpoint) {
197
- display: none;
198
- }
199
- }
200
-
201
-
202
- // Navbar nav links
203
- //
204
- // Builds on top of the `.nav` components with it's own modifier class to make
205
- // the nav the full height of the horizontal nav (above 768px).
206
-
207
- .navbar-nav {
208
- margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
209
-
210
- > li > a {
211
- padding-top: 10px;
212
- padding-bottom: 10px;
213
- line-height: $line-height-computed;
214
- }
215
-
216
- @media (max-width: $grid-float-breakpoint-max) {
217
- // Dropdowns get custom display when collapsed
218
- .open .dropdown-menu {
219
- position: static;
220
- float: none;
221
- width: auto;
222
- margin-top: 0;
223
- background-color: transparent;
224
- border: 0;
225
- box-shadow: none;
226
- > li > a,
227
- .dropdown-header {
228
- padding: 5px 15px 5px 25px;
229
- }
230
- > li > a {
231
- line-height: $line-height-computed;
232
- &:hover,
233
- &:focus {
234
- background-image: none;
235
- }
236
- }
237
- }
238
- }
239
-
240
- // Uncollapse the nav
241
- @media (min-width: $grid-float-breakpoint) {
242
- float: left;
243
- margin: 0;
244
-
245
- > li {
246
- float: left;
247
- > a {
248
- padding-top: $navbar-padding-vertical;
249
- padding-bottom: $navbar-padding-vertical;
250
- }
251
- }
252
-
253
- &.navbar-right:last-child {
254
- margin-right: -$navbar-padding-horizontal;
255
- }
256
- }
257
- }
258
-
259
-
260
- // Component alignment
261
- //
262
- // Repurpose the pull utilities as their own navbar utilities to avoid specificity
263
- // issues with parents and chaining. Only do this when the navbar is uncollapsed
264
- // though so that navbar contents properly stack and align in mobile.
265
-
266
- @media (min-width: $grid-float-breakpoint) {
267
- .navbar-left {
268
- float: left !important;
269
- }
270
- .navbar-right {
271
- float: right !important;
272
- }
273
- }
274
-
275
-
276
- // Navbar form
277
- //
278
- // Extension of the `.form-inline` with some extra flavor for optimum display in
279
- // our navbars.
280
-
281
- .navbar-form {
282
- margin-left: -$navbar-padding-horizontal;
283
- margin-right: -$navbar-padding-horizontal;
284
- padding: 10px $navbar-padding-horizontal;
285
- border-top: 1px solid transparent;
286
- border-bottom: 1px solid transparent;
287
- $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
288
- @include box-shadow($shadow);
289
-
290
- // Mixin behavior for optimum display
291
- @extend .form-inline;
292
-
293
- .form-group {
294
- @media (max-width: $grid-float-breakpoint-max) {
295
- margin-bottom: 5px;
296
- }
297
- }
298
-
299
- // Vertically center in expanded, horizontal navbar
300
- @include navbar-vertical-align($input-height-base);
301
-
302
- // Undo 100% width for pull classes
303
- @media (min-width: $grid-float-breakpoint) {
304
- width: auto;
305
- border: 0;
306
- margin-left: 0;
307
- margin-right: 0;
308
- padding-top: 0;
309
- padding-bottom: 0;
310
- @include box-shadow(none);
311
-
312
- // Outdent the form if last child to line up with content down the page
313
- &.navbar-right:last-child {
314
- margin-right: -$navbar-padding-horizontal;
315
- }
316
- }
317
- }
318
-
319
-
320
- // Dropdown menus
321
-
322
- // Menu position and menu carets
323
- .navbar-nav > li > .dropdown-menu {
324
- margin-top: 0;
325
- @include border-top-radius(0);
326
- }
327
- // Menu position and menu caret support for dropups via extra dropup class
328
- .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
329
- @include border-bottom-radius(0);
330
- }
331
-
332
- // Right aligned menus need alt position
333
- .navbar-nav.pull-right > li > .dropdown-menu,
334
- .navbar-nav > li > .dropdown-menu.pull-right {
335
- left: auto;
336
- right: 0;
337
- }
338
-
339
-
340
- // Buttons in navbars
341
- //
342
- // Vertically center a button within a navbar (when *not* in a form).
343
-
344
- .navbar-btn {
345
- @include navbar-vertical-align($input-height-base);
346
-
347
- &.btn-sm {
348
- @include navbar-vertical-align($input-height-small);
349
- }
350
- &.btn-xs {
351
- @include navbar-vertical-align(22);
352
- }
353
- }
354
-
355
-
356
- // Text in navbars
357
- //
358
- // Add a class to make any element properly align itself vertically within the navbars.
359
-
360
- .navbar-text {
361
- @include navbar-vertical-align($line-height-computed);
362
-
363
- @media (min-width: $grid-float-breakpoint) {
364
- float: left;
365
- margin-left: $navbar-padding-horizontal;
366
- margin-right: $navbar-padding-horizontal;
367
-
368
- // Outdent the form if last child to line up with content down the page
369
- &.navbar-right:last-child {
370
- margin-right: 0;
371
- }
372
- }
373
- }
374
-
375
- // Alternate navbars
376
- // --------------------------------------------------
377
-
378
- // Default navbar
379
- .navbar-default {
380
- background-color: $navbar-default-bg;
381
- border-color: $navbar-default-border;
382
-
383
- .navbar-brand {
384
- color: $navbar-default-brand-color;
385
- &:hover,
386
- &:focus {
387
- color: $navbar-default-brand-hover-color;
388
- background-color: $navbar-default-brand-hover-bg;
389
- }
390
- }
391
-
392
- .navbar-text {
393
- color: $navbar-default-color;
394
- }
395
-
396
- .navbar-nav {
397
- > li > a {
398
- color: $navbar-default-link-color;
399
-
400
- &:hover,
401
- &:focus {
402
- color: $navbar-default-link-hover-color;
403
- background-color: $navbar-default-link-hover-bg;
404
- }
405
- }
406
- > .active > a {
407
- &,
408
- &:hover,
409
- &:focus {
410
- color: $navbar-default-link-active-color;
411
- background-color: $navbar-default-link-active-bg;
412
- }
413
- }
414
- > .disabled > a {
415
- &,
416
- &:hover,
417
- &:focus {
418
- color: $navbar-default-link-disabled-color;
419
- background-color: $navbar-default-link-disabled-bg;
420
- }
421
- }
422
- }
423
-
424
- .navbar-toggle {
425
- border-color: $navbar-default-toggle-border-color;
426
- &:hover,
427
- &:focus {
428
- background-color: $navbar-default-toggle-hover-bg;
429
- }
430
- .icon-bar {
431
- background-color: $navbar-default-toggle-icon-bar-bg;
432
- }
433
- }
434
-
435
- .navbar-collapse,
436
- .navbar-form {
437
- border-color: $navbar-default-border;
438
- }
439
-
440
- // Dropdown menu items
441
- .navbar-nav {
442
- // Remove background color from open dropdown
443
- > .open > a {
444
- &,
445
- &:hover,
446
- &:focus {
447
- background-color: $navbar-default-link-active-bg;
448
- color: $navbar-default-link-active-color;
449
- }
450
- }
451
-
452
- @media (max-width: $grid-float-breakpoint-max) {
453
- // Dropdowns get custom display when collapsed
454
- .open .dropdown-menu {
455
- > li > a {
456
- color: $navbar-default-link-color;
457
- &:hover,
458
- &:focus {
459
- color: $navbar-default-link-hover-color;
460
- background-color: $navbar-default-link-hover-bg;
461
- }
462
- }
463
- > .active > a {
464
- &,
465
- &:hover,
466
- &:focus {
467
- color: $navbar-default-link-active-color;
468
- background-color: $navbar-default-link-active-bg;
469
- }
470
- }
471
- > .disabled > a {
472
- &,
473
- &:hover,
474
- &:focus {
475
- color: $navbar-default-link-disabled-color;
476
- background-color: $navbar-default-link-disabled-bg;
477
- }
478
- }
479
- }
480
- }
481
- }
482
-
483
-
484
- // Links in navbars
485
- //
486
- // Add a class to ensure links outside the navbar nav are colored correctly.
487
-
488
- .navbar-link {
489
- color: $navbar-default-link-color;
490
- &:hover {
491
- color: $navbar-default-link-hover-color;
492
- }
493
- }
494
-
495
- }
496
-
497
- // Inverse navbar
498
-
499
- .navbar-inverse {
500
- background-color: $navbar-inverse-bg;
501
- border-color: $navbar-inverse-border;
502
-
503
- .navbar-brand {
504
- color: $navbar-inverse-brand-color;
505
- &:hover,
506
- &:focus {
507
- color: $navbar-inverse-brand-hover-color;
508
- background-color: $navbar-inverse-brand-hover-bg;
509
- }
510
- }
511
-
512
- .navbar-text {
513
- color: $navbar-inverse-color;
514
- }
515
-
516
- .navbar-nav {
517
- > li > a {
518
- color: $navbar-inverse-link-color;
519
-
520
- &:hover,
521
- &:focus {
522
- color: $navbar-inverse-link-hover-color;
523
- background-color: $navbar-inverse-link-hover-bg;
524
- }
525
- }
526
- > .active > a {
527
- &,
528
- &:hover,
529
- &:focus {
530
- color: $navbar-inverse-link-active-color;
531
- background-color: $navbar-inverse-link-active-bg;
532
- }
533
- }
534
- > .disabled > a {
535
- &,
536
- &:hover,
537
- &:focus {
538
- color: $navbar-inverse-link-disabled-color;
539
- background-color: $navbar-inverse-link-disabled-bg;
540
- }
541
- }
542
- }
543
-
544
- // Darken the responsive nav toggle
545
- .navbar-toggle {
546
- border-color: $navbar-inverse-toggle-border-color;
547
- &:hover,
548
- &:focus {
549
- background-color: $navbar-inverse-toggle-hover-bg;
550
- }
551
- .icon-bar {
552
- background-color: $navbar-inverse-toggle-icon-bar-bg;
553
- }
554
- }
555
-
556
- .navbar-collapse,
557
- .navbar-form {
558
- border-color: darken($navbar-inverse-bg, 7%);
559
- }
560
-
561
- // Dropdowns
562
- .navbar-nav {
563
- > .open > a {
564
- &,
565
- &:hover,
566
- &:focus {
567
- background-color: $navbar-inverse-link-active-bg;
568
- color: $navbar-inverse-link-active-color;
569
- }
570
- }
571
-
572
- @media (max-width: $grid-float-breakpoint-max) {
573
- // Dropdowns get custom display
574
- .open .dropdown-menu {
575
- > .dropdown-header {
576
- border-color: $navbar-inverse-border;
577
- }
578
- .divider {
579
- background-color: $navbar-inverse-border;
580
- }
581
- > li > a {
582
- color: $navbar-inverse-link-color;
583
- &:hover,
584
- &:focus {
585
- color: $navbar-inverse-link-hover-color;
586
- background-color: $navbar-inverse-link-hover-bg;
587
- }
588
- }
589
- > .active > a {
590
- &,
591
- &:hover,
592
- &:focus {
593
- color: $navbar-inverse-link-active-color;
594
- background-color: $navbar-inverse-link-active-bg;
595
- }
596
- }
597
- > .disabled > a {
598
- &,
599
- &:hover,
600
- &:focus {
601
- color: $navbar-inverse-link-disabled-color;
602
- background-color: $navbar-inverse-link-disabled-bg;
603
- }
604
- }
605
- }
606
- }
607
- }
608
-
609
- .navbar-link {
610
- color: $navbar-inverse-link-color;
611
- &:hover {
612
- color: $navbar-inverse-link-hover-color;
613
- }
614
- }
615
-
616
- }
1
+ @import "bootstrap/navbar";