anjlab-bootstrap-rails 2.0.4.4 → 2.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. data/README.md +21 -20
  2. data/Rakefile +39 -26
  3. data/lib/bootstrap-rails/engine.rb +3 -0
  4. data/lib/bootstrap-rails/version.rb +1 -1
  5. data/vendor/assets/images/{glyphicons-halflings-white.png → twitter/glyphicons-halflings-white.png} +0 -0
  6. data/vendor/assets/images/twitter/glyphicons-halflings.png +0 -0
  7. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  8. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
  9. data/vendor/assets/javascripts/{bootstrap-alert.js → twitter/bootstrap/alert.js} +1 -1
  10. data/vendor/assets/javascripts/{bootstrap-button.js → twitter/bootstrap/button.js} +1 -1
  11. data/vendor/assets/javascripts/{bootstrap-carousel.js → twitter/bootstrap/carousel.js} +12 -5
  12. data/vendor/assets/javascripts/{bootstrap-collapse.js → twitter/bootstrap/collapse.js} +4 -3
  13. data/vendor/assets/javascripts/{bootstrap-dropdown.js → twitter/bootstrap/dropdown.js} +66 -16
  14. data/vendor/assets/javascripts/{bootstrap-modal.js → twitter/bootstrap/modal.js} +95 -74
  15. data/vendor/assets/javascripts/{bootstrap-popover.js → twitter/bootstrap/popover.js} +9 -4
  16. data/vendor/assets/javascripts/{bootstrap-scrollspy.js → twitter/bootstrap/scrollspy.js} +9 -9
  17. data/vendor/assets/javascripts/{bootstrap-tab.js → twitter/bootstrap/tab.js} +2 -2
  18. data/vendor/assets/javascripts/{bootstrap-tooltip.js → twitter/bootstrap/tooltip.js} +15 -15
  19. data/vendor/assets/javascripts/{bootstrap-transition.js → twitter/bootstrap/transition.js} +2 -3
  20. data/vendor/assets/javascripts/{bootstrap-typeahead.js → twitter/bootstrap/typeahead.js} +50 -35
  21. data/vendor/assets/stylesheets/twitter/bootstrap-responsive.scss +1 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -0
  23. data/vendor/frameworks/twitter/bootstrap.scss +1 -0
  24. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/accordion.scss +3 -2
  25. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/alerts.scss +15 -8
  26. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/bootstrap.scss +1 -1
  27. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/breadcrumbs.scss +10 -10
  28. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/button-groups.scss +76 -23
  29. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/buttons.scss +76 -56
  30. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/carousel.scss +13 -3
  31. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/close.scss +4 -2
  32. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/code.scss +6 -5
  33. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/component-animations.scss +5 -2
  34. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/dropdowns.scss +81 -14
  35. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/forms.scss +99 -46
  36. data/vendor/frameworks/twitter/bootstrap/grid.scss +21 -0
  37. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/hero-unit.scss +4 -2
  38. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/labels-badges.scss +19 -2
  39. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/layouts.scss +1 -2
  40. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/mixins.scss +105 -81
  41. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/modals.scss +9 -2
  42. data/vendor/frameworks/twitter/bootstrap/navbar.scss +468 -0
  43. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/navs.scss +38 -17
  44. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pager.scss +5 -4
  45. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pagination.scss +16 -8
  46. data/vendor/frameworks/twitter/bootstrap/popovers.scss +117 -0
  47. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/progress-bars.scss +18 -13
  48. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/reset.scss +6 -3
  49. data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.scss +28 -0
  50. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-767px-max.scss +83 -69
  51. data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.scss +19 -0
  52. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-navbar.scss +17 -4
  53. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-utilities.scss +17 -15
  54. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive.scss +5 -5
  55. data/vendor/frameworks/twitter/bootstrap/scaffolding.scss +51 -0
  56. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/sprites.scss +17 -20
  57. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/tables.scss +60 -15
  58. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/thumbnails.scss +9 -4
  59. data/vendor/frameworks/twitter/bootstrap/tooltip.scss +70 -0
  60. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/type.scss +56 -83
  61. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/utilities.scss +9 -2
  62. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/variables.scss +109 -36
  63. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/wells.scss +7 -5
  64. metadata +63 -59
  65. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  66. data/vendor/assets/javascripts/bootstrap.js +0 -12
  67. data/vendor/assets/stylesheets/grid.scss +0 -5
  68. data/vendor/assets/stylesheets/navbar.scss +0 -358
  69. data/vendor/assets/stylesheets/popovers.scss +0 -49
  70. data/vendor/assets/stylesheets/responsive-1200px-min.scss +0 -26
  71. data/vendor/assets/stylesheets/responsive-768px-979px.scss +0 -17
  72. data/vendor/assets/stylesheets/scaffolding.scss +0 -29
  73. data/vendor/assets/stylesheets/tooltip.scss +0 -35
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: anjlab-bootstrap-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.4.4
4
+ version: 2.1.0.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-08-12 00:00:00.000000000 Z
12
+ date: 2012-08-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties
@@ -95,61 +95,65 @@ files:
95
95
  - lib/bootstrap-rails/version.rb
96
96
  - test/ie_hex_str_test.rb
97
97
  - test/test_helper.rb
98
- - vendor/assets/images/glyphicons-halflings-white.png
99
- - vendor/assets/images/glyphicons-halflings.png
100
- - vendor/assets/javascripts/bootstrap-alert.js
101
- - vendor/assets/javascripts/bootstrap-button.js
102
- - vendor/assets/javascripts/bootstrap-carousel.js
103
- - vendor/assets/javascripts/bootstrap-collapse.js
104
- - vendor/assets/javascripts/bootstrap-dropdown.js
105
- - vendor/assets/javascripts/bootstrap-modal.js
106
- - vendor/assets/javascripts/bootstrap-popover.js
107
- - vendor/assets/javascripts/bootstrap-scrollspy.js
108
- - vendor/assets/javascripts/bootstrap-tab.js
109
- - vendor/assets/javascripts/bootstrap-tooltip.js
110
- - vendor/assets/javascripts/bootstrap-transition.js
111
- - vendor/assets/javascripts/bootstrap-typeahead.js
112
- - vendor/assets/javascripts/bootstrap.js
113
- - vendor/assets/stylesheets/accordion.scss
114
- - vendor/assets/stylesheets/alerts.scss
115
- - vendor/assets/stylesheets/bootstrap.scss
116
- - vendor/assets/stylesheets/breadcrumbs.scss
117
- - vendor/assets/stylesheets/button-groups.scss
118
- - vendor/assets/stylesheets/buttons.scss
119
- - vendor/assets/stylesheets/carousel.scss
120
- - vendor/assets/stylesheets/close.scss
121
- - vendor/assets/stylesheets/code.scss
122
- - vendor/assets/stylesheets/component-animations.scss
123
- - vendor/assets/stylesheets/dropdowns.scss
124
- - vendor/assets/stylesheets/forms.scss
125
- - vendor/assets/stylesheets/grid.scss
126
- - vendor/assets/stylesheets/hero-unit.scss
127
- - vendor/assets/stylesheets/labels-badges.scss
128
- - vendor/assets/stylesheets/layouts.scss
129
- - vendor/assets/stylesheets/mixins.scss
130
- - vendor/assets/stylesheets/modals.scss
131
- - vendor/assets/stylesheets/navbar.scss
132
- - vendor/assets/stylesheets/navs.scss
133
- - vendor/assets/stylesheets/pager.scss
134
- - vendor/assets/stylesheets/pagination.scss
135
- - vendor/assets/stylesheets/popovers.scss
136
- - vendor/assets/stylesheets/progress-bars.scss
137
- - vendor/assets/stylesheets/reset.scss
138
- - vendor/assets/stylesheets/responsive-1200px-min.scss
139
- - vendor/assets/stylesheets/responsive-767px-max.scss
140
- - vendor/assets/stylesheets/responsive-768px-979px.scss
141
- - vendor/assets/stylesheets/responsive-navbar.scss
142
- - vendor/assets/stylesheets/responsive-utilities.scss
143
- - vendor/assets/stylesheets/responsive.scss
144
- - vendor/assets/stylesheets/scaffolding.scss
145
- - vendor/assets/stylesheets/sprites.scss
146
- - vendor/assets/stylesheets/tables.scss
147
- - vendor/assets/stylesheets/thumbnails.scss
148
- - vendor/assets/stylesheets/tooltip.scss
149
- - vendor/assets/stylesheets/type.scss
150
- - vendor/assets/stylesheets/utilities.scss
151
- - vendor/assets/stylesheets/variables.scss
152
- - vendor/assets/stylesheets/wells.scss
98
+ - vendor/assets/images/twitter/glyphicons-halflings-white.png
99
+ - vendor/assets/images/twitter/glyphicons-halflings.png
100
+ - vendor/assets/javascripts/twitter/bootstrap.js
101
+ - vendor/assets/javascripts/twitter/bootstrap/affix.js
102
+ - vendor/assets/javascripts/twitter/bootstrap/alert.js
103
+ - vendor/assets/javascripts/twitter/bootstrap/button.js
104
+ - vendor/assets/javascripts/twitter/bootstrap/carousel.js
105
+ - vendor/assets/javascripts/twitter/bootstrap/collapse.js
106
+ - vendor/assets/javascripts/twitter/bootstrap/dropdown.js
107
+ - vendor/assets/javascripts/twitter/bootstrap/modal.js
108
+ - vendor/assets/javascripts/twitter/bootstrap/popover.js
109
+ - vendor/assets/javascripts/twitter/bootstrap/scrollspy.js
110
+ - vendor/assets/javascripts/twitter/bootstrap/tab.js
111
+ - vendor/assets/javascripts/twitter/bootstrap/tooltip.js
112
+ - vendor/assets/javascripts/twitter/bootstrap/transition.js
113
+ - vendor/assets/javascripts/twitter/bootstrap/typeahead.js
114
+ - vendor/assets/stylesheets/twitter/bootstrap-responsive.scss
115
+ - vendor/assets/stylesheets/twitter/bootstrap.scss
116
+ - vendor/frameworks/twitter/bootstrap.scss
117
+ - vendor/frameworks/twitter/bootstrap/accordion.scss
118
+ - vendor/frameworks/twitter/bootstrap/alerts.scss
119
+ - vendor/frameworks/twitter/bootstrap/bootstrap.scss
120
+ - vendor/frameworks/twitter/bootstrap/breadcrumbs.scss
121
+ - vendor/frameworks/twitter/bootstrap/button-groups.scss
122
+ - vendor/frameworks/twitter/bootstrap/buttons.scss
123
+ - vendor/frameworks/twitter/bootstrap/carousel.scss
124
+ - vendor/frameworks/twitter/bootstrap/close.scss
125
+ - vendor/frameworks/twitter/bootstrap/code.scss
126
+ - vendor/frameworks/twitter/bootstrap/component-animations.scss
127
+ - vendor/frameworks/twitter/bootstrap/dropdowns.scss
128
+ - vendor/frameworks/twitter/bootstrap/forms.scss
129
+ - vendor/frameworks/twitter/bootstrap/grid.scss
130
+ - vendor/frameworks/twitter/bootstrap/hero-unit.scss
131
+ - vendor/frameworks/twitter/bootstrap/labels-badges.scss
132
+ - vendor/frameworks/twitter/bootstrap/layouts.scss
133
+ - vendor/frameworks/twitter/bootstrap/mixins.scss
134
+ - vendor/frameworks/twitter/bootstrap/modals.scss
135
+ - vendor/frameworks/twitter/bootstrap/navbar.scss
136
+ - vendor/frameworks/twitter/bootstrap/navs.scss
137
+ - vendor/frameworks/twitter/bootstrap/pager.scss
138
+ - vendor/frameworks/twitter/bootstrap/pagination.scss
139
+ - vendor/frameworks/twitter/bootstrap/popovers.scss
140
+ - vendor/frameworks/twitter/bootstrap/progress-bars.scss
141
+ - vendor/frameworks/twitter/bootstrap/reset.scss
142
+ - vendor/frameworks/twitter/bootstrap/responsive-1200px-min.scss
143
+ - vendor/frameworks/twitter/bootstrap/responsive-767px-max.scss
144
+ - vendor/frameworks/twitter/bootstrap/responsive-768px-979px.scss
145
+ - vendor/frameworks/twitter/bootstrap/responsive-navbar.scss
146
+ - vendor/frameworks/twitter/bootstrap/responsive-utilities.scss
147
+ - vendor/frameworks/twitter/bootstrap/responsive.scss
148
+ - vendor/frameworks/twitter/bootstrap/scaffolding.scss
149
+ - vendor/frameworks/twitter/bootstrap/sprites.scss
150
+ - vendor/frameworks/twitter/bootstrap/tables.scss
151
+ - vendor/frameworks/twitter/bootstrap/thumbnails.scss
152
+ - vendor/frameworks/twitter/bootstrap/tooltip.scss
153
+ - vendor/frameworks/twitter/bootstrap/type.scss
154
+ - vendor/frameworks/twitter/bootstrap/utilities.scss
155
+ - vendor/frameworks/twitter/bootstrap/variables.scss
156
+ - vendor/frameworks/twitter/bootstrap/wells.scss
153
157
  homepage: https://github.com/anjlab/bootstrap-rails
154
158
  licenses: []
155
159
  post_install_message:
@@ -164,7 +168,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
164
168
  version: '0'
165
169
  segments:
166
170
  - 0
167
- hash: 4526633095677726335
171
+ hash: -332718909416508242
168
172
  required_rubygems_version: !ruby/object:Gem::Requirement
169
173
  none: false
170
174
  requirements:
@@ -173,7 +177,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
173
177
  version: '0'
174
178
  segments:
175
179
  - 0
176
- hash: 4526633095677726335
180
+ hash: -332718909416508242
177
181
  requirements: []
178
182
  rubyforge_project:
179
183
  rubygems_version: 1.8.24
@@ -1,12 +0,0 @@
1
- //= require bootstrap-transition.js
2
- //= require bootstrap-dropdown.js
3
- //= require bootstrap-carousel.js
4
- //= require bootstrap-collapse.js
5
- //= require bootstrap-button.js
6
- //= require bootstrap-modal.js
7
- //= require bootstrap-alert.js
8
- //= require bootstrap-scrollspy.js
9
- //= require bootstrap-tab.js
10
- //= require bootstrap-typeahead.js
11
- //= require bootstrap-tooltip.js
12
- //= require bootstrap-popover.js
@@ -1,5 +0,0 @@
1
- // Fixed (940px)
2
- @include grid-core($gridColumnWidth, $gridGutterWidth);
3
-
4
- // Fluid (940px)
5
- @include grid-fluid($fluidGridColumnWidth, $fluidGridGutterWidth);
@@ -1,358 +0,0 @@
1
- // NAVBAR (FIXED AND STATIC)
2
- // -------------------------
3
-
4
-
5
- // COMMON STYLES
6
- // -------------
7
-
8
- .navbar {
9
- // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
10
- *position: relative;
11
- *z-index: 2;
12
-
13
- overflow: visible;
14
- margin-bottom: $baseLineHeight;
15
- }
16
-
17
- // Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
18
- .navbar-inner {
19
- min-height: $navbarHeight;
20
- padding-left: 20px;
21
- padding-right: 20px;
22
- @include gradient-vertical($navbarBackgroundHighlight, $navbarBackground);
23
- @include border-radius(4px);
24
- @include box-shadow((0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1)));
25
- }
26
-
27
- // Set width to auto for default container
28
- // We then reset it for fixed navbars in the #gridSystem mixin
29
- .navbar .container {
30
- width: auto;
31
- }
32
-
33
- // Override the default collapsed state
34
- .nav-collapse.collapse {
35
- height: auto;
36
- }
37
-
38
-
39
- // Brand, links, text, and buttons
40
- .navbar {
41
- color: $navbarText;
42
- // Hover and active states
43
- .brand:hover {
44
- text-decoration: none;
45
- }
46
- // Website or project name
47
- .brand {
48
- float: left;
49
- display: block;
50
- // Vertically center the text given $navbarHeight
51
- $elementHeight: 20px;
52
- padding: (($navbarHeight - $elementHeight) / 2 - 2) 20px (($navbarHeight - $elementHeight) / 2 + 2);
53
- margin-left: -20px; // negative indent to left-align the text down the page
54
- font-size: 20px;
55
- font-weight: 200;
56
- line-height: 1;
57
- color: $navbarBrandColor;
58
- }
59
- // Plain text in topbar
60
- .navbar-text {
61
- margin-bottom: 0;
62
- line-height: $navbarHeight;
63
- }
64
- // Janky solution for now to account for links outside the .nav
65
- .navbar-link {
66
- color: $navbarLinkColor;
67
- &:hover {
68
- color: $navbarLinkColorHover;
69
- }
70
- }
71
- // Buttons in navbar
72
- .btn,
73
- .btn-group {
74
- @include navbar-vertical-align(30px); // Vertically center in navbar
75
- }
76
- .btn-group .btn {
77
- margin: 0; // then undo the margin here so we don't accidentally double it
78
- }
79
- }
80
-
81
- // Navbar forms
82
- .navbar-form {
83
- margin-bottom: 0; // remove default bottom margin
84
- @include clearfix();
85
- input,
86
- select,
87
- .radio,
88
- .checkbox {
89
- @include navbar-vertical-align(30px); // Vertically center in navbar
90
- }
91
- input,
92
- select {
93
- display: inline-block;
94
- margin-bottom: 0;
95
- }
96
- input[type="image"],
97
- input[type="checkbox"],
98
- input[type="radio"] {
99
- margin-top: 3px;
100
- }
101
- .input-append,
102
- .input-prepend {
103
- margin-top: 6px;
104
- white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
105
- input {
106
- margin-top: 0; // remove the margin on top since it's on the parent
107
- }
108
- }
109
- }
110
-
111
- // Navbar search
112
- .navbar-search {
113
- position: relative;
114
- float: left;
115
- @include navbar-vertical-align(28px); // Vertically center in navbar
116
- margin-bottom: 0;
117
- .search-query {
118
- padding: 4px 9px;
119
- @include font-sans-serif(13px, normal, 1);
120
- color: $white;
121
- background-color: $navbarSearchBackground;
122
- border: 1px solid $navbarSearchBorder;
123
- @include box-shadow((inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)));
124
- @include transition(none);
125
-
126
- @include placeholder-input($navbarSearchPlaceholderColor);
127
-
128
- // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
129
- &:focus,
130
- &.focused {
131
- padding: 5px 10px;
132
- color: $grayDark;
133
- text-shadow: 0 1px 0 $white;
134
- background-color: $navbarSearchBackgroundFocus;
135
- border: 0;
136
- @include box-shadow(0 0 3px rgba(0,0,0,.15));
137
- outline: 0;
138
- }
139
- }
140
- }
141
-
142
-
143
-
144
- // FIXED NAVBAR
145
- // ------------
146
-
147
- // Shared (top/bottom) styles
148
- .navbar-fixed-top,
149
- .navbar-fixed-bottom {
150
- position: fixed;
151
- right: 0;
152
- left: 0;
153
- z-index: $zindexFixedNavbar;
154
- margin-bottom: 0; // remove 18px margin for static navbar
155
- }
156
- .navbar-fixed-top .navbar-inner,
157
- .navbar-fixed-bottom .navbar-inner {
158
- padding-left: 0;
159
- padding-right: 0;
160
- @include border-radius(0);
161
- }
162
-
163
- .navbar-fixed-top .container,
164
- .navbar-fixed-bottom .container {
165
- @include grid-core-span($gridColumns, $gridColumnWidth, $gridGutterWidth);
166
- }
167
-
168
- // Fixed to top
169
- .navbar-fixed-top {
170
- top: 0;
171
- }
172
-
173
- // Fixed to bottom
174
- .navbar-fixed-bottom {
175
- bottom: 0;
176
- }
177
-
178
-
179
-
180
- // NAVIGATION
181
- // ----------
182
-
183
- .navbar .nav {
184
- position: relative;
185
- left: 0;
186
- display: block;
187
- float: left;
188
- margin: 0 10px 0 0;
189
- }
190
- .navbar .nav.pull-right {
191
- float: right; // redeclare due to specificity
192
- }
193
- .navbar .nav > li {
194
- display: block;
195
- float: left;
196
- }
197
-
198
- // Links
199
- .navbar .nav > li > a {
200
- float: none;
201
- // Vertically center the text given $navbarHeight
202
- $elementHeight: 20px;
203
- padding: (($navbarHeight - $elementHeight) / 2 - 1) 10px (($navbarHeight - $elementHeight) / 2 + 1);
204
- line-height: 19px;
205
- color: $navbarLinkColor;
206
- text-decoration: none;
207
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
208
- }
209
- // Buttons
210
- .navbar .btn {
211
- display: inline-block;
212
- padding: 4px 10px 4px;
213
- // Vertically center the button given $navbarHeight
214
- $elementHeight: 28px;
215
- margin: (($navbarHeight - $elementHeight) / 2 - 1) 5px (($navbarHeight - $elementHeight) / 2);
216
- line-height: $baseLineHeight;
217
- }
218
- .navbar .btn-group {
219
- margin: 0;
220
- // Vertically center the button given $navbarHeight
221
- $elementHeight: 28px;
222
- padding: (($navbarHeight - $elementHeight) / 2 - 1) 5px (($navbarHeight - $elementHeight) / 2);
223
- }
224
- // Hover
225
- .navbar .nav > li > a:hover {
226
- background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
227
- color: $navbarLinkColorHover;
228
- text-decoration: none;
229
- }
230
-
231
- // Active nav items
232
- .navbar .nav .active > a,
233
- .navbar .nav .active > a:hover {
234
- color: $navbarLinkColorActive;
235
- text-decoration: none;
236
- background-color: $navbarLinkBackgroundActive;
237
- }
238
-
239
- // Dividers (basically a vertical hr)
240
- .navbar .divider-vertical {
241
- height: $navbarHeight;
242
- width: 1px;
243
- margin: 0 9px;
244
- overflow: hidden;
245
- background-color: $navbarBackground;
246
- border-right: 1px solid $navbarBackgroundHighlight;
247
- }
248
-
249
- // Secondary (floated right) nav in topbar
250
- .navbar .nav.pull-right {
251
- margin-left: 10px;
252
- margin-right: 0;
253
- }
254
-
255
- // Navbar button for toggling navbar items in responsive layouts
256
- // These definitions need to come after '.navbar .btn'
257
- .navbar .btn-navbar {
258
- display: none;
259
- float: right;
260
- padding: 7px 10px;
261
- margin-left: 5px;
262
- margin-right: 5px;
263
- @include button-background($navbarBackgroundHighlight, $navbarBackground);
264
- @include box-shadow((inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)));
265
- }
266
- .navbar .btn-navbar .icon-bar {
267
- display: block;
268
- width: 18px;
269
- height: 2px;
270
- background-color: #f5f5f5;
271
- @include border-radius(1px);
272
- @include box-shadow(0 1px 0 rgba(0,0,0,.25));
273
- }
274
- .btn-navbar .icon-bar + .icon-bar {
275
- margin-top: 3px;
276
- }
277
-
278
-
279
- // Dropdown menus
280
- // --------------
281
-
282
- // Menu position and menu carets
283
- .navbar .dropdown-menu {
284
- &:before {
285
- content: '';
286
- display: inline-block;
287
- border-left: 7px solid transparent;
288
- border-right: 7px solid transparent;
289
- border-bottom: 7px solid #ccc;
290
- border-bottom-color: $dropdownBorder;
291
- position: absolute;
292
- top: -7px;
293
- left: 9px;
294
- }
295
- &:after {
296
- content: '';
297
- display: inline-block;
298
- border-left: 6px solid transparent;
299
- border-right: 6px solid transparent;
300
- border-bottom: 6px solid $dropdownBackground;
301
- position: absolute;
302
- top: -6px;
303
- left: 10px;
304
- }
305
- }
306
- // Menu position and menu caret support for dropups via extra dropup class
307
- .navbar-fixed-bottom .dropdown-menu {
308
- &:before {
309
- border-top: 7px solid #ccc;
310
- border-top-color: $dropdownBorder;
311
- border-bottom: 0;
312
- bottom: -7px;
313
- top: auto;
314
- }
315
- &:after {
316
- border-top: 6px solid $dropdownBackground;
317
- border-bottom: 0;
318
- bottom: -6px;
319
- top: auto;
320
- }
321
- }
322
- // Dropdown toggle caret
323
- .navbar .nav li.dropdown .dropdown-toggle .caret,
324
- .navbar .nav li.dropdown.open .caret {
325
- border-top-color: $white;
326
- border-bottom-color: $white;
327
- }
328
- .navbar .nav li.dropdown.active .caret {
329
- @include opacity(100);
330
- }
331
-
332
- // Remove background color from open dropdown
333
- .navbar .nav li.dropdown.open > .dropdown-toggle,
334
- .navbar .nav li.dropdown.active > .dropdown-toggle,
335
- .navbar .nav li.dropdown.open.active > .dropdown-toggle {
336
- background-color: transparent;
337
- }
338
-
339
- // Dropdown link on hover
340
- .navbar .nav li.dropdown.active > .dropdown-toggle:hover {
341
- color: $white;
342
- }
343
-
344
- // Right aligned menus need alt position
345
- // TODO: rejigger this at some point to simplify the selectors
346
- .navbar .pull-right .dropdown-menu,
347
- .navbar .dropdown-menu.pull-right {
348
- left: auto;
349
- right: 0;
350
- &:before {
351
- left: auto;
352
- right: 12px;
353
- }
354
- &:after {
355
- left: auto;
356
- right: 13px;
357
- }
358
- }