twitter-bootstrap-rails 2.1.3 → 2.1.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 +6 -3
- data/app/helpers/bootstrap_flash_helper.rb +3 -1
- data/app/helpers/glyph_helper.rb +12 -0
- data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +3 -3
- data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +8 -12
- data/lib/generators/bootstrap/layout/templates/layout.html.erb +15 -17
- data/lib/generators/bootstrap/layout/templates/layout.html.haml +13 -14
- data/lib/generators/bootstrap/layout/templates/layout.html.slim +13 -14
- data/lib/generators/bootstrap/themed/themed_generator.rb +16 -5
- data/lib/twitter/bootstrap/rails/version.rb +1 -1
- data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +3 -3
- 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 +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +2 -2
- data/vendor/toolkit/font-awesome-ie7.less +245 -0
- data/vendor/toolkit/fontawesome.less +12 -29
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +3 -2
- data/vendor/toolkit/twitter/bootstrap/buttons.less +24 -4
- data/vendor/toolkit/twitter/bootstrap/component-animations.less +0 -1
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +2 -2
- data/vendor/toolkit/twitter/bootstrap/forms.less +30 -15
- data/vendor/toolkit/twitter/bootstrap/mixins.less +21 -11
- data/vendor/toolkit/twitter/bootstrap/modals.less +3 -2
- data/vendor/toolkit/twitter/bootstrap/navbar.less +22 -16
- data/vendor/toolkit/twitter/bootstrap/pager.less +6 -3
- data/vendor/toolkit/twitter/bootstrap/pagination.less +17 -17
- data/vendor/toolkit/twitter/bootstrap/progress-bars.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/reset.less +5 -2
- data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +27 -20
- data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +12 -1
- data/vendor/toolkit/twitter/bootstrap/responsive.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +5 -4
- data/vendor/toolkit/twitter/bootstrap/sprites.less +11 -5
- data/vendor/toolkit/twitter/bootstrap/tables.less +26 -6
- data/vendor/toolkit/twitter/bootstrap/type.less +18 -3
- data/vendor/toolkit/twitter/bootstrap/variables.less +10 -8
- metadata +15 -13
@@ -23,37 +23,20 @@
|
|
23
23
|
*/
|
24
24
|
|
25
25
|
@font-face {
|
26
|
-
font-family:
|
27
|
-
src: url(@fontAwesomeEotPath);
|
28
|
-
src: url(
|
29
|
-
url(@fontAwesomeWoffPath),
|
30
|
-
url(@fontAwesomeTtfPath),
|
31
|
-
url(
|
26
|
+
font-family: "FontAwesome";
|
27
|
+
src: url("@{fontAwesomeEotPath}");
|
28
|
+
src: url("@{fontAwesomeEotPath}#iefix") format("embedded-opentype"),
|
29
|
+
url("@{fontAwesomeWoffPath}") format("woff"),
|
30
|
+
url("@{fontAwesomeTtfPath}") format("truetype"),
|
31
|
+
url("@{fontAwesomeSvgPath}") format("svg");
|
32
32
|
font-weight: normal;
|
33
33
|
font-style: normal;
|
34
34
|
}
|
35
35
|
|
36
|
-
/* sprites.less reset */
|
37
|
-
[class^="icon-"],
|
38
|
-
[class*=" icon-"] {
|
39
|
-
display: inline;
|
40
|
-
width: auto;
|
41
|
-
height: auto;
|
42
|
-
line-height: inherit;
|
43
|
-
vertical-align: baseline;
|
44
|
-
background-image: none;
|
45
|
-
background-position: 0% 0%;
|
46
|
-
background-repeat: repeat;
|
47
|
-
}
|
48
|
-
li[class^="icon-"],
|
49
|
-
li[class*=" icon-"] {
|
50
|
-
display: block;
|
51
|
-
}
|
52
|
-
|
53
36
|
/* Font Awesome styles
|
54
37
|
------------------------------------------------------- */
|
55
38
|
[class^="icon-"]:before,
|
56
|
-
[class*="
|
39
|
+
[class*="icon-"]:before {
|
57
40
|
font-family: FontAwesome;
|
58
41
|
font-weight: normal;
|
59
42
|
font-style: normal;
|
@@ -62,7 +45,7 @@ li[class*=" icon-"] {
|
|
62
45
|
}
|
63
46
|
|
64
47
|
a [class^="icon-"],
|
65
|
-
a [class*="
|
48
|
+
a [class*="icon-"] {
|
66
49
|
display: inline-block;
|
67
50
|
text-decoration: inherit;
|
68
51
|
}
|
@@ -75,7 +58,7 @@ a [class*=" icon-"] {
|
|
75
58
|
|
76
59
|
.btn, .nav-tabs {
|
77
60
|
[class^="icon-"],
|
78
|
-
[class*="
|
61
|
+
[class*="icon-"] {
|
79
62
|
/* keeps button heights with and without icons the same */
|
80
63
|
line-height: .9em;
|
81
64
|
}
|
@@ -83,7 +66,7 @@ a [class*=" icon-"] {
|
|
83
66
|
|
84
67
|
li {
|
85
68
|
[class^="icon-"],
|
86
|
-
[class*="
|
69
|
+
[class*="icon-"] {
|
87
70
|
display: inline-block;
|
88
71
|
width: 1.25em;
|
89
72
|
text-align: center;
|
@@ -102,7 +85,7 @@ ul.icons {
|
|
102
85
|
|
103
86
|
li {
|
104
87
|
[class^="icon-"],
|
105
|
-
[class*="
|
88
|
+
[class*="icon-"] {
|
106
89
|
width: .8em;
|
107
90
|
}
|
108
91
|
.icon-large:before,
|
@@ -148,7 +131,7 @@ ul.icons {
|
|
148
131
|
.icon-play-circle:before { content: "\f01d"; }
|
149
132
|
.icon-repeat:before { content: "\f01e"; }
|
150
133
|
|
151
|
-
/* \f020
|
134
|
+
/* \f020 doesn't work in Safari. all shifted one down */
|
152
135
|
.icon-refresh:before { content: "\f021"; }
|
153
136
|
.icon-list-alt:before { content: "\f022"; }
|
154
137
|
.icon-lock:before { content: "\f023"; }
|
@@ -7,6 +7,7 @@
|
|
7
7
|
.btn-group {
|
8
8
|
position: relative;
|
9
9
|
font-size: 0; // remove as part 1 of font-size inline-block hack
|
10
|
+
vertical-align: middle; // match .btn alignment given font-size hack above
|
10
11
|
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
|
11
12
|
.ie7-restore-left-whitespace();
|
12
13
|
}
|
@@ -119,7 +120,7 @@
|
|
119
120
|
.btn-group > .btn + .dropdown-toggle {
|
120
121
|
padding-left: 8px;
|
121
122
|
padding-right: 8px;
|
122
|
-
.box-shadow(
|
123
|
+
.box-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));
|
123
124
|
*padding-top: 5px;
|
124
125
|
*padding-bottom: 5px;
|
125
126
|
}
|
@@ -146,7 +147,7 @@
|
|
146
147
|
// Remove the gradient and set the same inset shadow as the :active state
|
147
148
|
.dropdown-toggle {
|
148
149
|
background-image: none;
|
149
|
-
.box-shadow(
|
150
|
+
.box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05));
|
150
151
|
}
|
151
152
|
|
152
153
|
// Keep the hover's background when dropdown is open
|
@@ -24,7 +24,7 @@
|
|
24
24
|
border-bottom-color: darken(@btnBorder, 10%);
|
25
25
|
.border-radius(4px);
|
26
26
|
.ie7-restore-left-whitespace(); // Give IE7 some love
|
27
|
-
.box-shadow(
|
27
|
+
.box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05));
|
28
28
|
|
29
29
|
// Hover state
|
30
30
|
&:hover {
|
@@ -51,7 +51,7 @@
|
|
51
51
|
background-color: darken(@white, 15%) e("\9");
|
52
52
|
background-image: none;
|
53
53
|
outline: 0;
|
54
|
-
.box-shadow(
|
54
|
+
.box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05));
|
55
55
|
}
|
56
56
|
|
57
57
|
// Disabled state
|
@@ -96,10 +96,13 @@
|
|
96
96
|
.btn-mini {
|
97
97
|
padding: 2px 6px;
|
98
98
|
font-size: @baseFontSize - 3px;
|
99
|
-
line-height: @baseLineHeight -
|
99
|
+
line-height: @baseLineHeight - 3px;
|
100
100
|
}
|
101
101
|
|
102
|
+
|
102
103
|
// Block button
|
104
|
+
// -------------------------
|
105
|
+
|
103
106
|
.btn-block {
|
104
107
|
display: block;
|
105
108
|
width: 100%;
|
@@ -107,10 +110,22 @@
|
|
107
110
|
padding-right: 0;
|
108
111
|
.box-sizing(border-box);
|
109
112
|
}
|
113
|
+
|
114
|
+
// Vertically space out multiple block buttons
|
110
115
|
.btn-block + .btn-block {
|
111
116
|
margin-top: 5px;
|
112
117
|
}
|
113
118
|
|
119
|
+
// Specificity overrides
|
120
|
+
input[type="submit"],
|
121
|
+
input[type="reset"],
|
122
|
+
input[type="button"] {
|
123
|
+
&.btn-block {
|
124
|
+
width: 100%;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
|
128
|
+
|
114
129
|
|
115
130
|
// Alternate buttons
|
116
131
|
// --------------------------------------------------
|
@@ -193,7 +208,8 @@ input[type="submit"].btn {
|
|
193
208
|
|
194
209
|
// Make a button look and behave like a link
|
195
210
|
.btn-link,
|
196
|
-
.btn-link:active
|
211
|
+
.btn-link:active,
|
212
|
+
.btn-link[disabled] {
|
197
213
|
background-color: transparent;
|
198
214
|
background-image: none;
|
199
215
|
.box-shadow(none);
|
@@ -209,3 +225,7 @@ input[type="submit"].btn {
|
|
209
225
|
text-decoration: underline;
|
210
226
|
background-color: transparent;
|
211
227
|
}
|
228
|
+
.btn-link[disabled]:hover {
|
229
|
+
color: @grayDark;
|
230
|
+
text-decoration: none;
|
231
|
+
}
|
@@ -148,7 +148,7 @@
|
|
148
148
|
.caret {
|
149
149
|
border-top: 0;
|
150
150
|
border-bottom: 4px solid @black;
|
151
|
-
content: "
|
151
|
+
content: "";
|
152
152
|
}
|
153
153
|
// Different positioning for bottom up menu
|
154
154
|
.dropdown-menu {
|
@@ -172,7 +172,7 @@
|
|
172
172
|
-moz-border-radius: 0 6px 6px 6px;
|
173
173
|
border-radius: 0 6px 6px 6px;
|
174
174
|
}
|
175
|
-
.dropdown-submenu:hover .dropdown-menu {
|
175
|
+
.dropdown-submenu:hover > .dropdown-menu {
|
176
176
|
display: block;
|
177
177
|
}
|
178
178
|
|
@@ -91,8 +91,9 @@ input[type="color"],
|
|
91
91
|
// Reset appearance properties for textual inputs and textarea
|
92
92
|
// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
|
93
93
|
input,
|
94
|
-
textarea
|
95
|
-
|
94
|
+
textarea,
|
95
|
+
.uneditable-input {
|
96
|
+
width: 206px; // plus 12px padding and 2px border
|
96
97
|
}
|
97
98
|
// Reset height since textareas have rows
|
98
99
|
textarea {
|
@@ -125,7 +126,7 @@ input[type="color"],
|
|
125
126
|
border-color: rgba(82,168,236,.8);
|
126
127
|
outline: 0;
|
127
128
|
outline: thin dotted \9; /* IE6-9 */
|
128
|
-
.box-shadow(
|
129
|
+
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6));
|
129
130
|
}
|
130
131
|
}
|
131
132
|
|
@@ -161,7 +162,7 @@ input[type="file"] {
|
|
161
162
|
// Make select elements obey height by applying a border
|
162
163
|
select {
|
163
164
|
width: 220px; // default input width + 10px of padding that doesn't get applied
|
164
|
-
border: 1px solid
|
165
|
+
border: 1px solid @inputBorder;
|
165
166
|
background-color: @inputBackground; // Chrome on Linux and Mobile Safari need background-color
|
166
167
|
}
|
167
168
|
|
@@ -209,7 +210,7 @@ input[type="checkbox"]:focus {
|
|
209
210
|
// Placeholder
|
210
211
|
// -------------------------
|
211
212
|
|
212
|
-
// Placeholder text gets special styles
|
213
|
+
// Placeholder text gets special styles because when browsers invalidate entire lines if it doesn’t understand a selector
|
213
214
|
input,
|
214
215
|
textarea {
|
215
216
|
.placeholder();
|
@@ -349,6 +350,10 @@ input[type="checkbox"][readonly] {
|
|
349
350
|
.control-group.success {
|
350
351
|
.formFieldState(@successText, @successText, @successBackground);
|
351
352
|
}
|
353
|
+
// Success
|
354
|
+
.control-group.info {
|
355
|
+
.formFieldState(@infoText, @infoText, @infoBackground);
|
356
|
+
}
|
352
357
|
|
353
358
|
// HTML5 invalid states
|
354
359
|
// Shares styles with the .control-group.error above
|
@@ -441,7 +446,6 @@ select:focus:required:invalid {
|
|
441
446
|
}
|
442
447
|
.add-on,
|
443
448
|
.btn {
|
444
|
-
margin-left: -1px;
|
445
449
|
vertical-align: top;
|
446
450
|
.border-radius(0);
|
447
451
|
}
|
@@ -466,6 +470,10 @@ select:focus:required:invalid {
|
|
466
470
|
.uneditable-input {
|
467
471
|
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
|
468
472
|
}
|
473
|
+
.add-on,
|
474
|
+
.btn {
|
475
|
+
margin-left: -1px;
|
476
|
+
}
|
469
477
|
.add-on:last-child,
|
470
478
|
.btn:last-child {
|
471
479
|
.border-radius(0 @inputBorderRadius @inputBorderRadius 0);
|
@@ -510,16 +518,16 @@ input.search-query {
|
|
510
518
|
.border-radius(0); // Override due to specificity
|
511
519
|
}
|
512
520
|
.form-search .input-append .search-query {
|
513
|
-
.border-radius(14px 0 0 14px)
|
521
|
+
.border-radius(14px 0 0 14px);
|
514
522
|
}
|
515
523
|
.form-search .input-append .btn {
|
516
|
-
.border-radius(0 14px 14px 0)
|
524
|
+
.border-radius(0 14px 14px 0);
|
517
525
|
}
|
518
526
|
.form-search .input-prepend .search-query {
|
519
|
-
.border-radius(0 14px 14px 0)
|
527
|
+
.border-radius(0 14px 14px 0);
|
520
528
|
}
|
521
529
|
.form-search .input-prepend .btn {
|
522
|
-
.border-radius(14px 0 0 14px)
|
530
|
+
.border-radius(14px 0 0 14px);
|
523
531
|
}
|
524
532
|
|
525
533
|
|
@@ -607,7 +615,7 @@ legend + .control-group {
|
|
607
615
|
// Float the labels left
|
608
616
|
.control-label {
|
609
617
|
float: left;
|
610
|
-
width:
|
618
|
+
width: @horizontalComponentOffset - 20;
|
611
619
|
padding-top: 5px;
|
612
620
|
text-align: right;
|
613
621
|
}
|
@@ -617,19 +625,26 @@ legend + .control-group {
|
|
617
625
|
// don't inherit the margin of the parent, in this case .controls
|
618
626
|
*display: inline-block;
|
619
627
|
*padding-left: 20px;
|
620
|
-
margin-left:
|
628
|
+
margin-left: @horizontalComponentOffset;
|
621
629
|
*margin-left: 0;
|
622
630
|
&:first-child {
|
623
|
-
*padding-left:
|
631
|
+
*padding-left: @horizontalComponentOffset;
|
624
632
|
}
|
625
633
|
}
|
626
634
|
// Remove bottom margin on block level help text since that's accounted for on .control-group
|
627
635
|
.help-block {
|
628
|
-
margin-top: @baseLineHeight / 2;
|
629
636
|
margin-bottom: 0;
|
630
637
|
}
|
638
|
+
// And apply it only to .help-block instances that follow a form control
|
639
|
+
input,
|
640
|
+
select,
|
641
|
+
textarea {
|
642
|
+
+ .help-block {
|
643
|
+
margin-top: @baseLineHeight / 2;
|
644
|
+
}
|
645
|
+
}
|
631
646
|
// Move over buttons in .form-actions to align with .controls
|
632
647
|
.form-actions {
|
633
|
-
padding-left:
|
648
|
+
padding-left: @horizontalComponentOffset;
|
634
649
|
}
|
635
650
|
}
|
@@ -175,14 +175,15 @@
|
|
175
175
|
select,
|
176
176
|
textarea {
|
177
177
|
color: @textColor;
|
178
|
+
}
|
179
|
+
input,
|
180
|
+
select,
|
181
|
+
textarea {
|
178
182
|
border-color: @borderColor;
|
179
183
|
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
180
184
|
&:focus {
|
181
185
|
border-color: darken(@borderColor, 10%);
|
182
|
-
|
183
|
-
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
|
184
|
-
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
|
185
|
-
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
|
186
|
+
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%));
|
186
187
|
}
|
187
188
|
}
|
188
189
|
// Give a small background color for input-prepend/-append
|
@@ -247,10 +248,12 @@
|
|
247
248
|
}
|
248
249
|
|
249
250
|
// Drop shadows
|
250
|
-
.box-shadow(@
|
251
|
-
-
|
252
|
-
|
253
|
-
|
251
|
+
.box-shadow(@shadowA, @shadowB:X, ...){
|
252
|
+
// Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/
|
253
|
+
@props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
|
254
|
+
-webkit-box-shadow: @props;
|
255
|
+
-moz-box-shadow: @props;
|
256
|
+
box-shadow: @props;
|
254
257
|
}
|
255
258
|
|
256
259
|
// Transitions
|
@@ -260,6 +263,12 @@
|
|
260
263
|
-o-transition: @transition;
|
261
264
|
transition: @transition;
|
262
265
|
}
|
266
|
+
.transition-delay(@transition-delay) {
|
267
|
+
-webkit-transition-delay: @transition-delay;
|
268
|
+
-moz-transition-delay: @transition-delay;
|
269
|
+
-o-transition-delay: @transition-delay;
|
270
|
+
transition-delay: @transition-delay;
|
271
|
+
}
|
263
272
|
|
264
273
|
// Transformations
|
265
274
|
.rotate(@degrees) {
|
@@ -286,7 +295,7 @@
|
|
286
295
|
.skew(@x, @y) {
|
287
296
|
-webkit-transform: skew(@x, @y);
|
288
297
|
-moz-transform: skew(@x, @y);
|
289
|
-
-ms-transform:
|
298
|
+
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885
|
290
299
|
-o-transform: skew(@x, @y);
|
291
300
|
transform: skew(@x, @y);
|
292
301
|
}
|
@@ -432,7 +441,7 @@
|
|
432
441
|
background-color: mix(@midColor, @endColor, 80%);
|
433
442
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
434
443
|
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
435
|
-
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop
|
444
|
+
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
436
445
|
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
437
446
|
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
438
447
|
background-repeat: no-repeat;
|
@@ -446,7 +455,7 @@
|
|
446
455
|
background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
|
447
456
|
background-repeat: no-repeat;
|
448
457
|
}
|
449
|
-
.striped(@color, @angle: 45deg) {
|
458
|
+
.striped(@color: #555, @angle: 45deg) {
|
450
459
|
background-color: @color;
|
451
460
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
452
461
|
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
@@ -575,6 +584,7 @@
|
|
575
584
|
|
576
585
|
[class*="span"] {
|
577
586
|
float: left;
|
587
|
+
min-height: 1px; // prevent collapsing columns
|
578
588
|
margin-left: @gridGutterWidth;
|
579
589
|
}
|
580
590
|
|
@@ -3,8 +3,9 @@
|
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
|
-
// Recalculate z-index where appropriate
|
7
|
-
|
6
|
+
// Recalculate z-index where appropriate,
|
7
|
+
// but only apply to elements within modal
|
8
|
+
.modal-open .modal {
|
8
9
|
.dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
|
9
10
|
.dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
|
10
11
|
.popover { z-index: @zindexPopover + @zindexModal; }
|
@@ -27,6 +27,9 @@
|
|
27
27
|
border: 1px solid @navbarBorder;
|
28
28
|
.border-radius(4px);
|
29
29
|
.box-shadow(0 1px 4px rgba(0,0,0,.065));
|
30
|
+
|
31
|
+
// Prevent floats from breaking the navbar
|
32
|
+
.clearfix();
|
30
33
|
}
|
31
34
|
|
32
35
|
// Set width to auto for default container
|
@@ -87,13 +90,16 @@
|
|
87
90
|
// -------------------------
|
88
91
|
.navbar .btn,
|
89
92
|
.navbar .btn-group {
|
90
|
-
.navbarVerticalAlign(
|
93
|
+
.navbarVerticalAlign(30px); // Vertically center in navbar
|
91
94
|
}
|
92
|
-
.navbar .btn-group .btn
|
93
|
-
|
95
|
+
.navbar .btn-group .btn,
|
96
|
+
.navbar .input-prepend .btn,
|
97
|
+
.navbar .input-append .btn {
|
98
|
+
margin-top: 0; // then undo the margin here so we don't accidentally double it
|
94
99
|
}
|
95
100
|
|
96
101
|
// Navbar forms
|
102
|
+
// -------------------------
|
97
103
|
.navbar-form {
|
98
104
|
margin-bottom: 0; // remove default bottom margin
|
99
105
|
.clearfix();
|
@@ -125,6 +131,7 @@
|
|
125
131
|
}
|
126
132
|
|
127
133
|
// Navbar search
|
134
|
+
// -------------------------
|
128
135
|
.navbar-search {
|
129
136
|
position: relative;
|
130
137
|
float: left;
|
@@ -166,12 +173,12 @@
|
|
166
173
|
z-index: @zindexFixedNavbar;
|
167
174
|
margin-bottom: 0; // remove 18px margin for default navbar
|
168
175
|
}
|
169
|
-
.navbar-fixed-top,
|
170
|
-
.navbar-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
176
|
+
.navbar-fixed-top .navbar-inner,
|
177
|
+
.navbar-static-top .navbar-inner {
|
178
|
+
border-width: 0 0 1px;
|
179
|
+
}
|
180
|
+
.navbar-fixed-bottom .navbar-inner {
|
181
|
+
border-width: 1px 0 0;
|
175
182
|
}
|
176
183
|
.navbar-fixed-top .navbar-inner,
|
177
184
|
.navbar-fixed-bottom .navbar-inner {
|
@@ -195,7 +202,7 @@
|
|
195
202
|
.navbar-fixed-top,
|
196
203
|
.navbar-static-top {
|
197
204
|
.navbar-inner {
|
198
|
-
.box-shadow(
|
205
|
+
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1));
|
199
206
|
}
|
200
207
|
}
|
201
208
|
|
@@ -203,7 +210,7 @@
|
|
203
210
|
.navbar-fixed-bottom {
|
204
211
|
bottom: 0;
|
205
212
|
.navbar-inner {
|
206
|
-
.box-shadow(
|
213
|
+
.box-shadow(inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1));
|
207
214
|
}
|
208
215
|
}
|
209
216
|
|
@@ -221,6 +228,7 @@
|
|
221
228
|
}
|
222
229
|
.navbar .nav.pull-right {
|
223
230
|
float: right; // redeclare due to specificity
|
231
|
+
margin-right: 0; // remove margin on float right nav
|
224
232
|
}
|
225
233
|
.navbar .nav > li {
|
226
234
|
float: left;
|
@@ -254,9 +262,7 @@
|
|
254
262
|
color: @navbarLinkColorActive;
|
255
263
|
text-decoration: none;
|
256
264
|
background-color: @navbarLinkBackgroundActive;
|
257
|
-
|
258
|
-
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.125);
|
259
|
-
box-shadow: inset 0 3px 8px rgba(0,0,0,.125);
|
265
|
+
.box-shadow(inset 0 3px 8px rgba(0,0,0,.125));
|
260
266
|
}
|
261
267
|
|
262
268
|
// Navbar button for toggling navbar items in responsive layouts
|
@@ -268,7 +274,7 @@
|
|
268
274
|
margin-left: 5px;
|
269
275
|
margin-right: 5px;
|
270
276
|
.buttonBackground(darken(@navbarBackgroundHighlight, 5%), darken(@navbarBackground, 5%));
|
271
|
-
.box-shadow(
|
277
|
+
.box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075));
|
272
278
|
}
|
273
279
|
.navbar .btn-navbar .icon-bar {
|
274
280
|
display: block;
|
@@ -440,7 +446,7 @@
|
|
440
446
|
color: @white;
|
441
447
|
background-color: @navbarInverseSearchBackground;
|
442
448
|
border-color: @navbarInverseSearchBorder;
|
443
|
-
.box-shadow(
|
449
|
+
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15));
|
444
450
|
.transition(none);
|
445
451
|
.placeholder(@navbarInverseSearchPlaceholderColor);
|
446
452
|
|