twitter-bootstrap-rails 2.0.3 → 2.0.4
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 twitter-bootstrap-rails might be problematic. Click here for more details.
- data/README.md +22 -2
- data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +2 -0
- data/lib/generators/bootstrap/layout/templates/layout.html.erb +6 -12
- data/lib/generators/bootstrap/layout/templates/layout.html.haml +0 -5
- data/lib/generators/bootstrap/layout/templates/layout.html.slim +1 -6
- data/lib/generators/bootstrap/themed/templates/_form.html.erb +1 -1
- data/lib/generators/bootstrap/themed/templates/_form.html.haml +13 -11
- data/lib/generators/bootstrap/themed/templates/edit.html.haml +1 -2
- data/lib/generators/bootstrap/themed/templates/edit.html.slim +1 -1
- data/lib/generators/bootstrap/themed/templates/index.html.haml +3 -3
- data/lib/generators/bootstrap/themed/templates/new.html.haml +1 -1
- data/lib/generators/bootstrap/themed/templates/new.html.slim +1 -1
- data/lib/generators/bootstrap/themed/templates/show.html.haml +1 -1
- data/lib/generators/bootstrap/themed/themed_generator.rb +4 -4
- data/lib/twitter/bootstrap/rails/engine.rb +9 -3
- data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +25 -0
- data/lib/twitter/bootstrap/rails/version.rb +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +4 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +7 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +4 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +7 -7
- data/vendor/toolkit/twitter/bootstrap/alerts.less +2 -14
- data/vendor/toolkit/twitter/bootstrap/badges.less +36 -0
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +2 -1
- data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +2 -0
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +31 -7
- data/vendor/toolkit/twitter/bootstrap/buttons.less +17 -13
- data/vendor/toolkit/twitter/bootstrap/code.less +2 -2
- data/vendor/toolkit/twitter/bootstrap/component-animations.less +4 -2
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +45 -27
- data/vendor/toolkit/twitter/bootstrap/forms.less +78 -45
- data/vendor/toolkit/twitter/bootstrap/grid.less +2 -5
- data/vendor/toolkit/twitter/bootstrap/hero-unit.less +3 -1
- data/vendor/toolkit/twitter/bootstrap/labels.less +8 -2
- data/vendor/toolkit/twitter/bootstrap/mixins.less +190 -166
- data/vendor/toolkit/twitter/bootstrap/modals.less +12 -5
- data/vendor/toolkit/twitter/bootstrap/navbar.less +77 -35
- data/vendor/toolkit/twitter/bootstrap/navs.less +19 -9
- data/vendor/toolkit/twitter/bootstrap/pager.less +6 -0
- data/vendor/toolkit/twitter/bootstrap/pagination.less +1 -0
- data/vendor/toolkit/twitter/bootstrap/progress-bars.less +15 -1
- data/vendor/toolkit/twitter/bootstrap/reset.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/responsive.less +72 -28
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +4 -4
- data/vendor/toolkit/twitter/bootstrap/sprites.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/tables.less +26 -17
- data/vendor/toolkit/twitter/bootstrap/type.less +22 -6
- data/vendor/toolkit/twitter/bootstrap/variables.less +100 -6
- data/vendor/toolkit/twitter/bootstrap/wells.less +10 -0
- metadata +13 -11
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===========================================================
|
2
|
-
* bootstrap-tooltip.js v2.0.
|
2
|
+
* bootstrap-tooltip.js v2.0.2
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
4
4
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
5
5
|
* ===========================================================
|
@@ -206,7 +206,7 @@
|
|
206
206
|
title = $e.attr('data-original-title')
|
207
207
|
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
208
208
|
|
209
|
-
title = title.toString().replace(/(^\s*|\s*$)/, "")
|
209
|
+
title = (title || '').toString().replace(/(^\s*|\s*$)/, "")
|
210
210
|
|
211
211
|
return title
|
212
212
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/* ===================================================
|
2
|
-
* bootstrap-transition.js v2.0.
|
2
|
+
* bootstrap-transition.js v2.0.2
|
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.2
|
3
3
|
* http://twitter.github.com/bootstrap/javascript.html#typeahead
|
4
4
|
* =============================================================
|
5
5
|
* Copyright 2012 Twitter, Inc.
|
@@ -40,6 +40,7 @@
|
|
40
40
|
, select: function () {
|
41
41
|
var val = this.$menu.find('.active').attr('data-value')
|
42
42
|
this.$element.val(val)
|
43
|
+
this.$element.change();
|
43
44
|
return this.hide()
|
44
45
|
}
|
45
46
|
|
@@ -165,9 +166,6 @@
|
|
165
166
|
}
|
166
167
|
|
167
168
|
, keyup: function (e) {
|
168
|
-
e.stopPropagation()
|
169
|
-
e.preventDefault()
|
170
|
-
|
171
169
|
switch(e.keyCode) {
|
172
170
|
case 40: // down arrow
|
173
171
|
case 38: // up arrow
|
@@ -180,6 +178,7 @@
|
|
180
178
|
break
|
181
179
|
|
182
180
|
case 27: // escape
|
181
|
+
if (!this.shown) return
|
183
182
|
this.hide()
|
184
183
|
break
|
185
184
|
|
@@ -187,10 +186,11 @@
|
|
187
186
|
this.lookup()
|
188
187
|
}
|
189
188
|
|
189
|
+
e.stopPropagation()
|
190
|
+
e.preventDefault()
|
190
191
|
}
|
191
192
|
|
192
193
|
, keypress: function (e) {
|
193
|
-
e.stopPropagation()
|
194
194
|
if (!this.shown) return
|
195
195
|
|
196
196
|
switch(e.keyCode) {
|
@@ -210,12 +210,12 @@
|
|
210
210
|
this.next()
|
211
211
|
break
|
212
212
|
}
|
213
|
+
|
214
|
+
e.stopPropagation()
|
213
215
|
}
|
214
216
|
|
215
217
|
, blur: function (e) {
|
216
218
|
var that = this
|
217
|
-
e.stopPropagation()
|
218
|
-
e.preventDefault()
|
219
219
|
setTimeout(function () { that.hide() }, 150)
|
220
220
|
}
|
221
221
|
|
@@ -9,10 +9,10 @@
|
|
9
9
|
background-color: @warningBackground;
|
10
10
|
border: 1px solid @warningBorder;
|
11
11
|
.border-radius(4px);
|
12
|
+
color: @warningText;
|
12
13
|
}
|
13
|
-
.alert,
|
14
14
|
.alert-heading {
|
15
|
-
color:
|
15
|
+
color: inherit;
|
16
16
|
}
|
17
17
|
|
18
18
|
// Adjust close link position
|
@@ -29,32 +29,20 @@
|
|
29
29
|
.alert-success {
|
30
30
|
background-color: @successBackground;
|
31
31
|
border-color: @successBorder;
|
32
|
-
}
|
33
|
-
.alert-success,
|
34
|
-
.alert-success .alert-heading {
|
35
32
|
color: @successText;
|
36
33
|
}
|
37
34
|
.alert-danger,
|
38
35
|
.alert-error {
|
39
36
|
background-color: @errorBackground;
|
40
37
|
border-color: @errorBorder;
|
41
|
-
}
|
42
|
-
.alert-danger,
|
43
|
-
.alert-error,
|
44
|
-
.alert-danger .alert-heading,
|
45
|
-
.alert-error .alert-heading {
|
46
38
|
color: @errorText;
|
47
39
|
}
|
48
40
|
.alert-info {
|
49
41
|
background-color: @infoBackground;
|
50
42
|
border-color: @infoBorder;
|
51
|
-
}
|
52
|
-
.alert-info,
|
53
|
-
.alert-info .alert-heading {
|
54
43
|
color: @infoText;
|
55
44
|
}
|
56
45
|
|
57
|
-
|
58
46
|
// Block alerts
|
59
47
|
// ------------------------
|
60
48
|
.alert-block {
|
@@ -0,0 +1,36 @@
|
|
1
|
+
// BADGES
|
2
|
+
// ------
|
3
|
+
|
4
|
+
// Base
|
5
|
+
.badge {
|
6
|
+
padding: 1px 9px 2px;
|
7
|
+
font-size: @baseFontSize * .925;
|
8
|
+
font-weight: bold;
|
9
|
+
white-space: nowrap;
|
10
|
+
color: @white;
|
11
|
+
background-color: @grayLight;
|
12
|
+
.border-radius(9px);
|
13
|
+
}
|
14
|
+
|
15
|
+
// Hover state
|
16
|
+
.badge:hover {
|
17
|
+
color: @white;
|
18
|
+
text-decoration: none;
|
19
|
+
cursor: pointer;
|
20
|
+
}
|
21
|
+
|
22
|
+
// Colors
|
23
|
+
.badge-error { background-color: @errorText; }
|
24
|
+
.badge-error:hover { background-color: darken(@errorText, 10%); }
|
25
|
+
|
26
|
+
.badge-warning { background-color: @orange; }
|
27
|
+
.badge-warning:hover { background-color: darken(@orange, 10%); }
|
28
|
+
|
29
|
+
.badge-success { background-color: @successText; }
|
30
|
+
.badge-success:hover { background-color: darken(@successText, 10%); }
|
31
|
+
|
32
|
+
.badge-info { background-color: @infoText; }
|
33
|
+
.badge-info:hover { background-color: darken(@infoText, 10%); }
|
34
|
+
|
35
|
+
.badge-inverse { background-color: @grayDark; }
|
36
|
+
.badge-inverse:hover { background-color: darken(@grayDark, 10%); }
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap v2.0.
|
2
|
+
* Bootstrap v2.0.2
|
3
3
|
*
|
4
4
|
* Copyright 2012 Twitter, Inc
|
5
5
|
* Licensed under the Apache License v2.0
|
@@ -53,6 +53,7 @@
|
|
53
53
|
// Components: Misc
|
54
54
|
@import "thumbnails.less";
|
55
55
|
@import "labels.less";
|
56
|
+
@import "badges.less";
|
56
57
|
@import "progress-bars.less";
|
57
58
|
@import "accordion.less";
|
58
59
|
@import "carousel.less";
|
@@ -4,12 +4,14 @@
|
|
4
4
|
.breadcrumb {
|
5
5
|
padding: 7px 14px;
|
6
6
|
margin: 0 0 @baseLineHeight;
|
7
|
+
list-style: none;
|
7
8
|
#gradient > .vertical(@white, #f5f5f5);
|
8
9
|
border: 1px solid #ddd;
|
9
10
|
.border-radius(3px);
|
10
11
|
.box-shadow(inset 0 1px 0 @white);
|
11
12
|
li {
|
12
13
|
display: inline-block;
|
14
|
+
.ie7-inline-block();
|
13
15
|
text-shadow: 0 1px 0 @white;
|
14
16
|
}
|
15
17
|
.divider {
|
@@ -95,8 +95,22 @@
|
|
95
95
|
padding-right: 8px;
|
96
96
|
@shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
97
97
|
.box-shadow(@shadow);
|
98
|
-
*padding-top:
|
99
|
-
*padding-bottom:
|
98
|
+
*padding-top: 3px;
|
99
|
+
*padding-bottom: 3px;
|
100
|
+
}
|
101
|
+
.btn-group .btn-mini.dropdown-toggle {
|
102
|
+
padding-left: 5px;
|
103
|
+
padding-right: 5px;
|
104
|
+
*padding-top: 1px;
|
105
|
+
*padding-bottom: 1px;
|
106
|
+
}
|
107
|
+
.btn-group .btn-small.dropdown-toggle {
|
108
|
+
*padding-top: 4px;
|
109
|
+
*padding-bottom: 4px;
|
110
|
+
}
|
111
|
+
.btn-group .btn-large.dropdown-toggle {
|
112
|
+
padding-left: 12px;
|
113
|
+
padding-right: 12px;
|
100
114
|
}
|
101
115
|
|
102
116
|
.btn-group.open {
|
@@ -127,22 +141,32 @@
|
|
127
141
|
.open.btn-group .caret {
|
128
142
|
.opacity(100);
|
129
143
|
}
|
144
|
+
// Carets in other button sizes
|
145
|
+
.btn-mini .caret {
|
146
|
+
margin-top: 5px;
|
147
|
+
}
|
148
|
+
.btn-small .caret {
|
149
|
+
margin-top: 6px;
|
150
|
+
}
|
151
|
+
.btn-large .caret {
|
152
|
+
margin-top: 6px;
|
153
|
+
border-left: 5px solid transparent;
|
154
|
+
border-right: 5px solid transparent;
|
155
|
+
border-top: 5px solid @black;
|
156
|
+
}
|
130
157
|
|
131
158
|
|
132
159
|
// Account for other colors
|
133
160
|
.btn-primary,
|
161
|
+
.btn-warning,
|
134
162
|
.btn-danger,
|
135
163
|
.btn-info,
|
136
164
|
.btn-success,
|
137
165
|
.btn-inverse {
|
138
166
|
.caret {
|
139
167
|
border-top-color: @white;
|
168
|
+
border-bottom-color: @white;
|
140
169
|
.opacity(75);
|
141
170
|
}
|
142
171
|
}
|
143
172
|
|
144
|
-
// Small button dropdowns
|
145
|
-
.btn-small .caret {
|
146
|
-
margin-top: 4px;
|
147
|
-
}
|
148
|
-
|
@@ -8,6 +8,7 @@
|
|
8
8
|
// Core
|
9
9
|
.btn {
|
10
10
|
display: inline-block;
|
11
|
+
.ie7-inline-block();
|
11
12
|
padding: 4px 10px 4px;
|
12
13
|
margin-bottom: 0; // For input.btn
|
13
14
|
font-size: @baseFontSize;
|
@@ -16,16 +17,15 @@
|
|
16
17
|
text-align: center;
|
17
18
|
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
18
19
|
vertical-align: middle;
|
19
|
-
.buttonBackground(@
|
20
|
-
border: 1px solid
|
21
|
-
border-bottom-color:
|
20
|
+
.buttonBackground(@btnBackground, @btnBackgroundHighlight);
|
21
|
+
border: 1px solid @btnBorder;
|
22
|
+
border-bottom-color: darken(@btnBorder, 10%);
|
22
23
|
.border-radius(4px);
|
23
24
|
@shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
24
25
|
.box-shadow(@shadow);
|
25
26
|
cursor: pointer;
|
26
27
|
|
27
28
|
// Give IE7 some love
|
28
|
-
.reset-filter();
|
29
29
|
.ie7-restore-left-whitespace();
|
30
30
|
}
|
31
31
|
|
@@ -126,34 +126,34 @@
|
|
126
126
|
.btn-danger.active,
|
127
127
|
.btn-success.active,
|
128
128
|
.btn-info.active,
|
129
|
-
.btn-
|
129
|
+
.btn-inverse.active {
|
130
130
|
color: rgba(255,255,255,.75);
|
131
131
|
}
|
132
132
|
|
133
133
|
// Set the backgrounds
|
134
134
|
// -------------------------
|
135
135
|
.btn-primary {
|
136
|
-
.buttonBackground(@
|
136
|
+
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
|
137
137
|
}
|
138
138
|
// Warning appears are orange
|
139
139
|
.btn-warning {
|
140
|
-
.buttonBackground(
|
140
|
+
.buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
|
141
141
|
}
|
142
142
|
// Danger and error appear as red
|
143
143
|
.btn-danger {
|
144
|
-
.buttonBackground(
|
144
|
+
.buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
|
145
145
|
}
|
146
146
|
// Success appears as green
|
147
147
|
.btn-success {
|
148
|
-
.buttonBackground(
|
148
|
+
.buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
|
149
149
|
}
|
150
150
|
// Info appears as a neutral blue
|
151
151
|
.btn-info {
|
152
|
-
.buttonBackground(
|
152
|
+
.buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
|
153
153
|
}
|
154
154
|
// Inverse appears as dark gray
|
155
155
|
.btn-inverse {
|
156
|
-
.buttonBackground(
|
156
|
+
.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
|
157
157
|
}
|
158
158
|
|
159
159
|
|
@@ -172,12 +172,16 @@ input[type="submit"].btn {
|
|
172
172
|
// IE7 has some default padding on button controls
|
173
173
|
*padding-top: 2px;
|
174
174
|
*padding-bottom: 2px;
|
175
|
-
&.large {
|
175
|
+
&.btn-large {
|
176
176
|
*padding-top: 7px;
|
177
177
|
*padding-bottom: 7px;
|
178
178
|
}
|
179
|
-
&.small {
|
179
|
+
&.btn-small {
|
180
180
|
*padding-top: 3px;
|
181
181
|
*padding-bottom: 3px;
|
182
182
|
}
|
183
|
+
&.btn-mini {
|
184
|
+
*padding-top: 1px;
|
185
|
+
*padding-bottom: 1px;
|
186
|
+
}
|
183
187
|
}
|
@@ -14,7 +14,7 @@ pre {
|
|
14
14
|
|
15
15
|
// Inline code
|
16
16
|
code {
|
17
|
-
padding:
|
17
|
+
padding: 2px 4px;
|
18
18
|
color: #d14;
|
19
19
|
background-color: #f7f7f9;
|
20
20
|
border: 1px solid #e1e1e8;
|
@@ -25,7 +25,7 @@ pre {
|
|
25
25
|
display: block;
|
26
26
|
padding: (@baseLineHeight - 1) / 2;
|
27
27
|
margin: 0 0 @baseLineHeight / 2;
|
28
|
-
font-size: 12px
|
28
|
+
font-size: @baseFontSize * .925; // 13px to 12px
|
29
29
|
line-height: @baseLineHeight;
|
30
30
|
background-color: #f5f5f5;
|
31
31
|
border: 1px solid #ccc; // fallback for IE7-8
|
@@ -13,22 +13,22 @@
|
|
13
13
|
.open .dropdown-toggle {
|
14
14
|
outline: 0;
|
15
15
|
}
|
16
|
+
|
16
17
|
// Dropdown arrow/caret
|
18
|
+
// --------------------
|
17
19
|
.caret {
|
18
20
|
display: inline-block;
|
19
21
|
width: 0;
|
20
22
|
height: 0;
|
21
|
-
text-indent: -99999px;
|
22
|
-
// IE7 won't do the border trick if there's a text indent, but it doesn't
|
23
|
-
// do the content that text-indent is hiding, either, so we're ok.
|
24
|
-
*text-indent: 0;
|
25
23
|
vertical-align: top;
|
26
24
|
border-left: 4px solid transparent;
|
27
25
|
border-right: 4px solid transparent;
|
28
26
|
border-top: 4px solid @black;
|
29
27
|
.opacity(30);
|
30
|
-
content: "
|
28
|
+
content: "";
|
31
29
|
}
|
30
|
+
|
31
|
+
// Place the caret
|
32
32
|
.dropdown .caret {
|
33
33
|
margin-top: 8px;
|
34
34
|
margin-left: 2px;
|
@@ -37,7 +37,9 @@
|
|
37
37
|
.open.dropdown .caret {
|
38
38
|
.opacity(100);
|
39
39
|
}
|
40
|
+
|
40
41
|
// The dropdown menu (ul)
|
42
|
+
// ----------------------
|
41
43
|
.dropdown-menu {
|
42
44
|
position: absolute;
|
43
45
|
top: 100%;
|
@@ -46,11 +48,10 @@
|
|
46
48
|
float: left;
|
47
49
|
display: none; // none by default, but block on "open" of the menu
|
48
50
|
min-width: 160px;
|
49
|
-
_width: 160px;
|
50
51
|
padding: 4px 0;
|
51
52
|
margin: 0; // override default ul
|
52
53
|
list-style: none;
|
53
|
-
background-color: @
|
54
|
+
background-color: @dropdownBackground;
|
54
55
|
border-color: #ccc;
|
55
56
|
border-color: rgba(0,0,0,.2);
|
56
57
|
border-style: solid;
|
@@ -63,27 +64,15 @@
|
|
63
64
|
*border-right-width: 2px;
|
64
65
|
*border-bottom-width: 2px;
|
65
66
|
|
66
|
-
//
|
67
|
-
&.
|
68
|
-
|
69
|
-
|
70
|
-
margin-bottom: 2px;
|
67
|
+
// Aligns the dropdown menu to right
|
68
|
+
&.pull-right {
|
69
|
+
right: 0;
|
70
|
+
left: auto;
|
71
71
|
}
|
72
72
|
|
73
73
|
// Dividers (basically an hr) within the dropdown
|
74
74
|
.divider {
|
75
|
-
|
76
|
-
margin: 5px 1px;
|
77
|
-
overflow: hidden;
|
78
|
-
background-color: #e5e5e5;
|
79
|
-
border-bottom: 1px solid @white;
|
80
|
-
|
81
|
-
// IE7 needs a set width since we gave a height. Restricting just
|
82
|
-
// to IE7 to keep the 1px left/right space in other browsers.
|
83
|
-
// It is unclear where IE is getting the extra space that we need
|
84
|
-
// to negative-margin away, but so it goes.
|
85
|
-
*width: 100%;
|
86
|
-
*margin: -5px 0 5px;
|
75
|
+
.nav-divider();
|
87
76
|
}
|
88
77
|
|
89
78
|
// Links within the dropdown menu
|
@@ -93,21 +82,23 @@
|
|
93
82
|
clear: both;
|
94
83
|
font-weight: normal;
|
95
84
|
line-height: @baseLineHeight;
|
96
|
-
color: @
|
85
|
+
color: @dropdownLinkColor;
|
97
86
|
white-space: nowrap;
|
98
87
|
}
|
99
88
|
}
|
100
89
|
|
101
90
|
// Hover state
|
91
|
+
// -----------
|
102
92
|
.dropdown-menu li > a:hover,
|
103
93
|
.dropdown-menu .active > a,
|
104
94
|
.dropdown-menu .active > a:hover {
|
105
|
-
color: @
|
95
|
+
color: @dropdownLinkColorHover;
|
106
96
|
text-decoration: none;
|
107
|
-
background-color: @
|
97
|
+
background-color: @dropdownLinkBackgroundHover;
|
108
98
|
}
|
109
99
|
|
110
100
|
// Open state for the dropdown
|
101
|
+
// ---------------------------
|
111
102
|
.dropdown.open {
|
112
103
|
// IE7's z-index only goes to the nearest positioned ancestor, which would
|
113
104
|
// make the menu appear below buttons that appeared later on the page
|
@@ -123,7 +114,34 @@
|
|
123
114
|
}
|
124
115
|
}
|
125
116
|
|
117
|
+
// Right aligned dropdowns
|
118
|
+
.pull-right .dropdown-menu {
|
119
|
+
left: auto;
|
120
|
+
right: 0;
|
121
|
+
}
|
122
|
+
|
123
|
+
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
124
|
+
// ------------------------------------------------------
|
125
|
+
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
126
|
+
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
127
|
+
.dropup,
|
128
|
+
.navbar-fixed-bottom .dropdown {
|
129
|
+
// Reverse the caret
|
130
|
+
.caret {
|
131
|
+
border-top: 0;
|
132
|
+
border-bottom: 4px solid @black;
|
133
|
+
content: "\2191";
|
134
|
+
}
|
135
|
+
// Different positioning for bottom up menu
|
136
|
+
.dropdown-menu {
|
137
|
+
top: auto;
|
138
|
+
bottom: 100%;
|
139
|
+
margin-bottom: 1px;
|
140
|
+
}
|
141
|
+
}
|
142
|
+
|
126
143
|
// Typeahead
|
144
|
+
// ---------
|
127
145
|
.typeahead {
|
128
146
|
margin-top: 2px; // give it some space to breathe
|
129
147
|
.border-radius(4px);
|