anjlab-bootstrap-rails 2.0.0.5 → 2.0.1.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 (34) hide show
  1. data/README.md +2 -0
  2. data/lib/bootstrap-rails/version.rb +1 -1
  3. data/vendor/assets/javascripts/bootstrap-alert.js +8 -5
  4. data/vendor/assets/javascripts/bootstrap-button.js +3 -3
  5. data/vendor/assets/javascripts/bootstrap-carousel.js +5 -2
  6. data/vendor/assets/javascripts/bootstrap-collapse.js +2 -2
  7. data/vendor/assets/javascripts/bootstrap-dropdown.js +2 -2
  8. data/vendor/assets/javascripts/bootstrap-modal.js +3 -3
  9. data/vendor/assets/javascripts/bootstrap-popover.js +2 -2
  10. data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
  11. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  12. data/vendor/assets/javascripts/bootstrap-tooltip.js +2 -2
  13. data/vendor/assets/javascripts/bootstrap-transition.js +3 -3
  14. data/vendor/assets/javascripts/bootstrap-typeahead.js +2 -2
  15. data/vendor/assets/stylesheets/bootstrap.scss +1 -1
  16. data/vendor/assets/stylesheets/breadcrumbs.scss +1 -1
  17. data/vendor/assets/stylesheets/button-groups.scss +2 -1
  18. data/vendor/assets/stylesheets/buttons.scss +25 -7
  19. data/vendor/assets/stylesheets/code.scss +13 -0
  20. data/vendor/assets/stylesheets/dropdowns.scss +1 -2
  21. data/vendor/assets/stylesheets/forms.scss +48 -41
  22. data/vendor/assets/stylesheets/labels.scss +23 -7
  23. data/vendor/assets/stylesheets/mixins.scss +63 -3
  24. data/vendor/assets/stylesheets/modals.scss +11 -0
  25. data/vendor/assets/stylesheets/navbar.scss +11 -4
  26. data/vendor/assets/stylesheets/navs.scss +20 -11
  27. data/vendor/assets/stylesheets/reset.scss +1 -1
  28. data/vendor/assets/stylesheets/responsive.scss +9 -5
  29. data/vendor/assets/stylesheets/sprites.scss +7 -7
  30. data/vendor/assets/stylesheets/tables.scss +14 -3
  31. data/vendor/assets/stylesheets/thumbnails.scss +2 -2
  32. data/vendor/assets/stylesheets/type.scss +3 -2
  33. data/vendor/assets/stylesheets/variables.scss +8 -0
  34. metadata +10 -10
data/README.md CHANGED
@@ -28,6 +28,7 @@ Add necessary stylesheet file to app/assets/stylesheets/application.css
28
28
 
29
29
  ``` css
30
30
  *= require bootstrap
31
+ *= require responsive
31
32
  ```
32
33
 
33
34
  You can override bootstrap variables:
@@ -45,6 +46,7 @@ $gridGutterWidth: 10px;
45
46
 
46
47
  // import original bootstrap
47
48
  @import "bootstrap";
49
+ @import "responsive";
48
50
  ```
49
51
 
50
52
  ## Javascripts
@@ -1,5 +1,5 @@
1
1
  module Bootstrap
2
2
  module Rails
3
- VERSION = "2.0.0.5"
3
+ VERSION = "2.0.1.0"
4
4
  end
5
5
  end
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-alert.js v2.0.0
2
+ * bootstrap-alert.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#alerts
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -51,11 +51,14 @@
51
51
 
52
52
  $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
53
53
 
54
- $parent.removeClass('in')
54
+ $parent
55
+ .trigger('close')
56
+ .removeClass('in')
55
57
 
56
58
  function removeElement() {
57
- $parent.remove()
58
- $parent.trigger('closed')
59
+ $parent
60
+ .trigger('closed')
61
+ .remove()
59
62
  }
60
63
 
61
64
  $.support.transition && $parent.hasClass('fade') ?
@@ -88,4 +91,4 @@
88
91
  $('body').on('click.alert.data-api', dismiss, Alert.prototype.close)
89
92
  })
90
93
 
91
- }( window.jQuery )
94
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- * bootstrap-button.js v2.0.0
2
+ * bootstrap-button.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#buttons
4
4
  * ============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -91,8 +91,8 @@
91
91
 
92
92
  $(function () {
93
93
  $('body').on('click.button.data-api', '[data-toggle^=button]', function ( e ) {
94
- $(e.target).button('toggle')
94
+ $(e.currentTarget).button('toggle')
95
95
  })
96
96
  })
97
97
 
98
- }( window.jQuery )
98
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-carousel.js v2.0.0
2
+ * bootstrap-carousel.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#carousel
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -61,6 +61,7 @@
61
61
 
62
62
  , pause: function () {
63
63
  clearInterval(this.interval)
64
+ this.interval = null
64
65
  return this
65
66
  }
66
67
 
@@ -82,6 +83,8 @@
82
83
  , fallback = type == 'next' ? 'first' : 'last'
83
84
  , that = this
84
85
 
86
+ if (!$next.length) return
87
+
85
88
  this.sliding = true
86
89
 
87
90
  isCycling && this.pause()
@@ -151,4 +154,4 @@
151
154
  })
152
155
  })
153
156
 
154
- }( window.jQuery )
157
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-collapse.js v2.0.0
2
+ * bootstrap-collapse.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#collapse
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -133,4 +133,4 @@
133
133
  })
134
134
  })
135
135
 
136
- }( window.jQuery )
136
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- * bootstrap-dropdown.js v2.0.0
2
+ * bootstrap-dropdown.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#dropdowns
4
4
  * ============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -89,4 +89,4 @@
89
89
  $('body').on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
90
90
  })
91
91
 
92
- }( window.jQuery )
92
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* =========================================================
2
- * bootstrap-modal.js v2.0.0
2
+ * bootstrap-modal.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#modals
4
4
  * =========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -177,7 +177,7 @@
177
177
  return this.each(function () {
178
178
  var $this = $(this)
179
179
  , data = $this.data('modal')
180
- , options = $.extend({}, $.fn.modal.defaults, typeof option == 'object' && option)
180
+ , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
181
181
  if (!data) $this.data('modal', (data = new Modal(this, options)))
182
182
  if (typeof option == 'string') data[option]()
183
183
  else if (options.show) data.show()
@@ -207,4 +207,4 @@
207
207
  })
208
208
  })
209
209
 
210
- }( window.jQuery )
210
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ===========================================================
2
- * bootstrap-popover.js v2.0.0
2
+ * bootstrap-popover.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#popovers
4
4
  * ===========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -92,4 +92,4 @@
92
92
  , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
93
93
  })
94
94
 
95
- }( window.jQuery )
95
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-scrollspy.js v2.0.0
2
+ * bootstrap-scrollspy.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#scrollspy
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -122,4 +122,4 @@
122
122
  })
123
123
  })
124
124
 
125
- }( window.jQuery )
125
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ========================================================
2
- * bootstrap-tab.js v2.0.0
2
+ * bootstrap-tab.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tabs
4
4
  * ========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -127,4 +127,4 @@
127
127
  })
128
128
  })
129
129
 
130
- }( window.jQuery )
130
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ===========================================================
2
- * bootstrap-tooltip.js v2.0.0
2
+ * bootstrap-tooltip.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tooltips
4
4
  * Inspired by the original jQuery.tipsy by Jason Frame
5
5
  * ===========================================================
@@ -267,4 +267,4 @@
267
267
  , template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
268
268
  }
269
269
 
270
- }( window.jQuery )
270
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* ===================================================
2
- * bootstrap-transition.js v2.0.0
2
+ * bootstrap-transition.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#transitions
4
4
  * ===================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -47,5 +47,5 @@
47
47
  })()
48
48
 
49
49
  })
50
-
51
- }( window.jQuery )
50
+
51
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-typeahead.js v2.0.0
2
+ * bootstrap-typeahead.js v2.0.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#typeahead
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -268,4 +268,4 @@
268
268
  })
269
269
  })
270
270
 
271
- }( window.jQuery )
271
+ }( window.jQuery );
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v2.0.0
2
+ * Bootstrap v2.0.1
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -9,7 +9,7 @@
9
9
  @include border-radius(3px);
10
10
  @include box-shadow(inset 0 1px 0 $white);
11
11
  li {
12
- display: inline;
12
+ display: inline-block;
13
13
  text-shadow: 0 1px 0 $white;
14
14
  }
15
15
  .divider {
@@ -133,7 +133,8 @@
133
133
  .btn-primary,
134
134
  .btn-danger,
135
135
  .btn-info,
136
- .btn-success {
136
+ .btn-success,
137
+ .btn-inverse {
137
138
  .caret {
138
139
  border-top-color: $white;
139
140
  @include opacity(75);
@@ -9,12 +9,14 @@
9
9
  .btn {
10
10
  display: inline-block;
11
11
  padding: 4px 10px 4px;
12
+ margin-bottom: 0; // For input.btn
12
13
  font-size: $baseFontSize;
13
14
  line-height: $baseLineHeight;
14
15
  color: $grayDark;
15
16
  text-align: center;
16
17
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
17
- @include gradient-vertical-three-colors($white, $white, 25%, darken($white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
18
+ vertical-align: middle;
19
+ @include button-background($white, darken($white, 10%));
18
20
  border: 1px solid #ccc;
19
21
  border-bottom-color: #bbb;
20
22
  @include border-radius(4px);
@@ -23,6 +25,7 @@
23
25
  cursor: pointer;
24
26
 
25
27
  // Give IE7 some love
28
+ @include reset-filter();
26
29
  @include ie7-restore-left-whitespace();
27
30
  }
28
31
 
@@ -50,8 +53,7 @@
50
53
  $shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
51
54
  @include box-shadow($shadow);
52
55
  background-color: darken($white, 10%);
53
- background-color: darken($white, 15%) \9;
54
- color: rgba(0,0,0,.5);
56
+ background-color: darken($white, 15%) e("\9");
55
57
  outline: 0;
56
58
  }
57
59
 
@@ -76,7 +78,7 @@
76
78
  line-height: normal;
77
79
  @include border-radius(5px);
78
80
  }
79
- .btn-large .icon {
81
+ .btn-large [class^="icon-"] {
80
82
  margin-top: 1px;
81
83
  }
82
84
 
@@ -86,10 +88,17 @@
86
88
  font-size: $baseFontSize - 2px;
87
89
  line-height: $baseLineHeight - 2px;
88
90
  }
89
- .btn-small .icon {
91
+ .btn-small [class^="icon-"] {
90
92
  margin-top: -1px;
91
93
  }
92
94
 
95
+ // Mini
96
+ .btn-mini {
97
+ padding: 2px 6px;
98
+ font-size: $baseFontSize - 2px;
99
+ line-height: $baseLineHeight - 4px;
100
+ }
101
+
93
102
 
94
103
  // Alternate buttons
95
104
  // --------------------------------------------------
@@ -105,7 +114,9 @@
105
114
  .btn-success,
106
115
  .btn-success:hover,
107
116
  .btn-info,
108
- .btn-info:hover {
117
+ .btn-info:hover,
118
+ .btn-inverse,
119
+ .btn-inverse:hover {
109
120
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
110
121
  color: $white;
111
122
  }
@@ -114,7 +125,8 @@
114
125
  .btn-warning.active,
115
126
  .btn-danger.active,
116
127
  .btn-success.active,
117
- .btn-info.active {
128
+ .btn-info.active,
129
+ .btn-dark.active {
118
130
  color: rgba(255,255,255,.75);
119
131
  }
120
132
 
@@ -139,6 +151,10 @@
139
151
  .btn-info {
140
152
  @include button-background(#5bc0de, #2f96b4);
141
153
  }
154
+ // Inverse appears as dark gray
155
+ .btn-inverse {
156
+ @include button-background(#454545, #262626);
157
+ }
142
158
 
143
159
 
144
160
  // Cross-browser Jank
@@ -146,6 +162,8 @@
146
162
 
147
163
  button.btn,
148
164
  input[type="submit"].btn {
165
+
166
+ // Firefox 3.6 only I believe
149
167
  &::-moz-focus-inner {
150
168
  padding: 0;
151
169
  border: 0;
@@ -11,12 +11,16 @@ pre {
11
11
  color: $grayDark;
12
12
  @include border-radius(3px);
13
13
  }
14
+
15
+ // Inline code
14
16
  code {
15
17
  padding: 3px 4px;
16
18
  color: #d14;
17
19
  background-color: #f7f7f9;
18
20
  border: 1px solid #e1e1e8;
19
21
  }
22
+
23
+ // Blocks of code
20
24
  pre {
21
25
  display: block;
22
26
  padding: ($baseLineHeight - 1) / 2;
@@ -30,6 +34,7 @@ pre {
30
34
  white-space: pre;
31
35
  white-space: pre-wrap;
32
36
  word-break: break-all;
37
+ word-wrap: break-word;
33
38
 
34
39
  // Make prettyprint styles more spaced out for readability
35
40
  &.prettyprint {
@@ -39,6 +44,14 @@ pre {
39
44
  // Account for some code outputs that place code tags in pre tags
40
45
  code {
41
46
  padding: 0;
47
+ color: inherit;
42
48
  background-color: transparent;
49
+ border: 0;
43
50
  }
44
51
  }
52
+
53
+ // Enable scrollable blocks of code
54
+ .pre-scrollable {
55
+ max-height: 340px;
56
+ overflow-y: scroll;
57
+ }
@@ -46,7 +46,6 @@
46
46
  float: left;
47
47
  display: none; // none by default, but block on "open" of the menu
48
48
  min-width: 160px;
49
- max-width: 220px;
50
49
  _width: 160px;
51
50
  padding: 4px 0;
52
51
  margin: 0; // override default ul
@@ -93,7 +92,7 @@
93
92
  padding: 3px 15px;
94
93
  clear: both;
95
94
  font-weight: normal;
96
- line-height: 18px;
95
+ line-height: $baseLineHeight;
97
96
  color: $gray;
98
97
  white-space: nowrap;
99
98
  }
@@ -28,6 +28,12 @@ legend {
28
28
  color: $grayDark;
29
29
  border: 0;
30
30
  border-bottom: 1px solid #eee;
31
+
32
+ // Small
33
+ small {
34
+ font-size: $baseLineHeight * .75;
35
+ color: $grayLight;
36
+ }
31
37
  }
32
38
 
33
39
  // Set font for forms
@@ -36,7 +42,13 @@ input,
36
42
  button,
37
43
  select,
38
44
  textarea {
39
- @include font-sans-serif($baseFontSize,normal,$baseLineHeight);
45
+ @include font-shorthand($baseFontSize,normal,$baseLineHeight); // Set size, weight, line-height here
46
+ }
47
+ input,
48
+ button,
49
+ select,
50
+ textarea {
51
+ @include font-family-sans-serif(); // And only set font-family here for those that need it (note the missing label element)
40
52
  }
41
53
 
42
54
  // Identify controls by their labels
@@ -84,13 +96,17 @@ input[type="radio"] {
84
96
  margin: 3px 0;
85
97
  *margin-top: 0; /* IE7 */
86
98
  line-height: normal;
87
- border: 0;
88
99
  cursor: pointer;
89
100
  @include border-radius(0);
101
+ border: 0 \9; /* IE9 and down */
102
+ }
103
+ input[type="image"] {
104
+ border: 0;
90
105
  }
91
106
 
92
107
  // Reset the file input to browser defaults
93
108
  input[type="file"] {
109
+ width: auto;
94
110
  padding: initial;
95
111
  line-height: initial;
96
112
  border: initial;
@@ -115,6 +131,11 @@ input[type="file"] {
115
131
  line-height: 28px;
116
132
  }
117
133
 
134
+ // Reset line-height for IE
135
+ input[type="file"] {
136
+ line-height: 18px \9;
137
+ }
138
+
118
139
  // Chrome on Linux and Mobile Safari need background-color
119
140
  select {
120
141
  width: 220px; // default input width + 10px of padding that doesn't get applied
@@ -165,9 +186,11 @@ input[type="hidden"] {
165
186
  }
166
187
 
167
188
  // Radios and checkboxes on same line
189
+ // TODO v3: Convert .inline to .control-inline
168
190
  .radio.inline,
169
191
  .checkbox.inline {
170
192
  display: inline-block;
193
+ padding-top: 5px;
171
194
  margin-bottom: 0;
172
195
  vertical-align: middle;
173
196
  }
@@ -175,11 +198,6 @@ input[type="hidden"] {
175
198
  .checkbox.inline + .checkbox.inline {
176
199
  margin-left: 10px; // space out consecutive inline controls
177
200
  }
178
- // But don't forget to remove their padding on first-child
179
- .controls > .radio.inline:first-child,
180
- .controls > .checkbox.inline:first-child {
181
- padding-top: 0;
182
- }
183
201
 
184
202
 
185
203
 
@@ -198,9 +216,10 @@ textarea:focus {
198
216
  $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
199
217
  @include box-shadow($shadow);
200
218
  outline: 0;
201
- outline: thin dotted \9; /* IE6-8 */
219
+ outline: thin dotted \9; /* IE6-9 */
202
220
  }
203
221
  input[type="file"]:focus,
222
+ input[type="radio"]:focus,
204
223
  input[type="checkbox"]:focus,
205
224
  select:focus {
206
225
  @include box-shadow(none); // override for file inputs
@@ -261,33 +280,6 @@ textarea[readonly] {
261
280
  // FORM FIELD FEEDBACK STATES
262
281
  // --------------------------
263
282
 
264
- // Mixin for form field states
265
- @mixin form-field-state($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
266
- // Set the text color
267
- > label,
268
- .help-block,
269
- .help-inline {
270
- color: $textColor;
271
- }
272
- // Style inputs accordingly
273
- input,
274
- select,
275
- textarea {
276
- color: $textColor;
277
- border-color: $borderColor;
278
- &:focus {
279
- border-color: darken($borderColor, 10%);
280
- @include box-shadow(0 0 6px lighten($borderColor, 20%));
281
- }
282
- }
283
- // Give a small background color for input-prepend/-append
284
- .input-prepend .add-on,
285
- .input-append .add-on {
286
- color: $textColor;
287
- background-color: $backgroundColor;
288
- border-color: $textColor;
289
- }
290
- }
291
283
  // Warning
292
284
  .control-group.warning {
293
285
  @include form-field-state($warningText, $warningText, $warningBackground);
@@ -345,6 +337,7 @@ select:focus:required:invalid {
345
337
  // ---------
346
338
 
347
339
  .help-block {
340
+ display: block; // account for any element using help-block
348
341
  margin-top: 5px;
349
342
  margin-bottom: 0;
350
343
  color: $grayLight;
@@ -413,6 +406,7 @@ select:focus:required:invalid {
413
406
  @include border-radius(3px 0 0 3px);
414
407
  }
415
408
  .uneditable-input {
409
+ border-left-color: #eee;
416
410
  border-right-color: #ccc;
417
411
  }
418
412
  .add-on {
@@ -462,6 +456,10 @@ select:focus:required:invalid {
462
456
  display: inline-block;
463
457
  margin-bottom: 0;
464
458
  }
459
+ // Re-hide hidden elements due to specifity
460
+ .hide {
461
+ display: none;
462
+ }
465
463
  }
466
464
  .form-search label,
467
465
  .form-inline label,
@@ -478,28 +476,37 @@ select:focus:required:invalid {
478
476
  .form-inline .input-prepend .add-on {
479
477
  vertical-align: middle;
480
478
  }
479
+ // Inline checkbox/radio labels
480
+ .form-search .radio,
481
+ .form-inline .radio,
482
+ .form-search .checkbox,
483
+ .form-inline .checkbox {
484
+ margin-bottom: 0;
485
+ vertical-align: middle;
486
+ }
481
487
 
482
488
  // Margin to space out fieldsets
483
489
  .control-group {
484
490
  margin-bottom: $baseLineHeight / 2;
485
491
  }
486
492
 
493
+ // Legend collapses margin, so next element is responsible for spacing
494
+ legend + .control-group {
495
+ margin-top: $baseLineHeight;
496
+ -webkit-margin-top-collapse: separate;
497
+ }
498
+
487
499
  // Horizontal-specific styles
488
500
  // --------------------------
489
501
 
490
502
  .form-horizontal {
491
- // Legend collapses margin, so we're relegated to padding
492
- legend + .control-group {
493
- margin-top: $baseLineHeight;
494
- -webkit-margin-top-collapse: separate;
495
- }
496
503
  // Increase spacing between groups
497
504
  .control-group {
498
505
  margin-bottom: $baseLineHeight;
499
506
  @include clearfix();
500
507
  }
501
508
  // Float the labels left
502
- .control-group > label {
509
+ .control-label {
503
510
  float: left;
504
511
  width: 140px;
505
512
  padding-top: 5px;
@@ -1,16 +1,32 @@
1
1
  // LABELS
2
2
  // ------
3
3
 
4
+ // Base
4
5
  .label {
5
- padding: 1px 3px 2px;
6
- font-size: $baseFontSize * .75;
6
+ padding: 2px 4px 3px;
7
+ font-size: $baseFontSize * .85;
7
8
  font-weight: bold;
8
9
  color: $white;
9
- text-transform: uppercase;
10
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
10
11
  background-color: $grayLight;
11
12
  @include border-radius(3px);
12
13
  }
13
- .label-important { background-color: $errorText; }
14
- .label-warning { background-color: $orange; }
15
- .label-success { background-color: $successText; }
16
- .label-info { background-color: $infoText; }
14
+
15
+ // Hover state
16
+ .label:hover {
17
+ color: $white;
18
+ text-decoration: none;
19
+ }
20
+
21
+ // Colors
22
+ .label-important { background-color: $errorText; }
23
+ .label-important:hover { background-color: darken($errorText, 10%); }
24
+
25
+ .label-warning { background-color: $orange; }
26
+ .label-warning:hover { background-color: darken($orange, 10%); }
27
+
28
+ .label-success { background-color: $successText; }
29
+ .label-success:hover { background-color: darken($successText, 10%); }
30
+
31
+ .label-info { background-color: $infoText; }
32
+ .label-info:hover { background-color: darken($infoText, 10%); }
@@ -25,7 +25,7 @@
25
25
  // ------------------
26
26
  @mixin tab-focus() {
27
27
  // Default
28
- outline: thin dotted;
28
+ outline: thin dotted #333;
29
29
  // Webkit
30
30
  outline: 5px auto -webkit-focus-ring-color;
31
31
  outline-offset: -2px;
@@ -89,6 +89,15 @@
89
89
  }
90
90
  }
91
91
 
92
+ // Text overflow
93
+ // -------------------------
94
+ // Requires inline-block or block for proper styling
95
+ @mixin text-overflow() {
96
+ overflow: hidden;
97
+ text-overflow: ellipsis;
98
+ white-space: nowrap;
99
+ }
100
+
92
101
 
93
102
 
94
103
  // FONTS
@@ -214,8 +223,6 @@
214
223
  }
215
224
  }
216
225
 
217
-
218
-
219
226
  // Input grid system
220
227
  // -------------------------
221
228
  @mixin input-grid-system-input-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
@@ -231,6 +238,52 @@
231
238
  }
232
239
  }
233
240
 
241
+ // Make a Grid
242
+ // -------------------------
243
+ // Use .make-row and .make-column to assign semantic layouts grid system behavior
244
+ @mixin make-row() {
245
+ margin-left: $gridGutterWidth * -1;
246
+ @include clearfix();
247
+ }
248
+ @mixin make-column($columns: 1) {
249
+ float: left;
250
+ margin-left: $gridGutterWidth;
251
+ width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
252
+ }
253
+
254
+
255
+
256
+ // Form field states (used in forms.less)
257
+ // --------------------------------------------------
258
+
259
+ // Mixin for form field states
260
+ @mixin form-field-state($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
261
+ // Set the text color
262
+ > label,
263
+ .help-block,
264
+ .help-inline {
265
+ color: $textColor;
266
+ }
267
+ // Style inputs accordingly
268
+ input,
269
+ select,
270
+ textarea {
271
+ color: $textColor;
272
+ border-color: $borderColor;
273
+ &:focus {
274
+ border-color: darken($borderColor, 10%);
275
+ @include box-shadow(0 0 6px lighten($borderColor, 20%));
276
+ }
277
+ }
278
+ // Give a small background color for input-prepend/-append
279
+ .input-prepend .add-on,
280
+ .input-append .add-on {
281
+ color: $textColor;
282
+ background-color: $backgroundColor;
283
+ border-color: $textColor;
284
+ }
285
+ }
286
+
234
287
 
235
288
 
236
289
  // CSS3 PROPERTIES
@@ -288,6 +341,13 @@
288
341
  -o-transform: skew($x, $y);
289
342
  transform: skew($x, $y);
290
343
  }
344
+ @mixin translate3d($x: 0, $y: 0, $z: 0) {
345
+ -webkit-transform: translate($x, $y, $z);
346
+ -moz-transform: translate($x, $y, $z);
347
+ -ms-transform: translate($x, $y, $z);
348
+ -o-transform: translate($x, $y, $z);
349
+ transform: translate($x, $y, $z);
350
+ }
291
351
 
292
352
  // Background clipping
293
353
  // Heads up: FF 3.6 and under need "padding" instead of "padding-box"
@@ -1,6 +1,7 @@
1
1
  // MODALS
2
2
  // ------
3
3
 
4
+ // Recalculate z-index where appropriate
4
5
  .modal-open {
5
6
  .dropdown-menu { z-index: $zindexDropdown + $zindexModal; }
6
7
  .dropdown.open { *z-index: $zindexDropdown + $zindexModal; }
@@ -8,6 +9,7 @@
8
9
  .tooltip { z-index: $zindexTooltip + $zindexModal; }
9
10
  }
10
11
 
12
+ // Background
11
13
  .modal-backdrop {
12
14
  position: fixed;
13
15
  top: 0;
@@ -25,6 +27,7 @@
25
27
  @include opacity(80);
26
28
  }
27
29
 
30
+ // Base modal
28
31
  .modal {
29
32
  position: fixed;
30
33
  top: 50%;
@@ -53,9 +56,17 @@
53
56
  // Close icon
54
57
  .close { margin-top: 2px; }
55
58
  }
59
+
60
+ // Body (where all modal content resises)
56
61
  .modal-body {
57
62
  padding: 15px;
58
63
  }
64
+ // Remove bottom margin if need be
65
+ .modal-body .modal-form {
66
+ margin-bottom: 0;
67
+ }
68
+
69
+ // Footer (for actions)
59
70
  .modal-footer {
60
71
  padding: 14px 15px 15px;
61
72
  margin-bottom: 0;
@@ -81,7 +81,7 @@
81
81
  margin-top: 5px; // make buttons vertically centered in navbar
82
82
  }
83
83
  .btn-group .btn {
84
- margin-top: 0;
84
+ margin-top: 0; // then undo the margin here so we don't accidentally double it
85
85
  }
86
86
  }
87
87
 
@@ -104,6 +104,14 @@
104
104
  input[type="radio"] {
105
105
  margin-top: 3px;
106
106
  }
107
+ .input-append,
108
+ .input-prepend {
109
+ margin-top: 6px;
110
+ white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
111
+ input {
112
+ margin-top: 0; // remove the margin on top since it's on the parent
113
+ }
114
+ }
107
115
  }
108
116
 
109
117
  // Navbar search
@@ -133,7 +141,7 @@
133
141
  background-color: $grayLight;
134
142
  background-color: rgba(255,255,255,.5);
135
143
  }
136
- // Focus states (we use .focused since IE8 and down doesn't support :focus)
144
+ // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
137
145
  &:focus,
138
146
  &.focused {
139
147
  padding: 5px 10px;
@@ -194,7 +202,7 @@
194
202
  }
195
203
  // Hover
196
204
  .navbar .nav > li > a:hover {
197
- background-color: transparent;
205
+ background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
198
206
  color: $navbarLinkColorHover;
199
207
  text-decoration: none;
200
208
  }
@@ -205,7 +213,6 @@
205
213
  color: $navbarLinkColorHover;
206
214
  text-decoration: none;
207
215
  background-color: $navbarBackground;
208
- background-color: rgba(0,0,0,.5);
209
216
  }
210
217
 
211
218
  // Dividers (basically a vertical hr)
@@ -21,6 +21,21 @@
21
21
  background-color: $grayLighter;
22
22
  }
23
23
 
24
+ // Nav headers (for dropdowns and lists)
25
+ .nav .nav-header {
26
+ display: block;
27
+ padding: 3px 15px;
28
+ font-size: 11px;
29
+ font-weight: bold;
30
+ line-height: $baseLineHeight;
31
+ color:$grayLight;
32
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
33
+ text-transform: uppercase;
34
+ }
35
+ // Space them out when they follow another list item (link)
36
+ .nav li + .nav-header {
37
+ margin-top: 9px;
38
+ }
24
39
 
25
40
 
26
41
  // NAV LIST
@@ -33,21 +48,12 @@
33
48
  }
34
49
  .nav-list > li > a,
35
50
  .nav-list .nav-header {
36
- display: block;
37
- padding: 3px 15px;
38
51
  margin-left: -15px;
39
52
  margin-right: -15px;
40
53
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
41
54
  }
42
- .nav-list .nav-header {
43
- font-size: 11px;
44
- font-weight: bold;
45
- line-height: $baseLineHeight;
46
- color: $grayLight;
47
- text-transform: uppercase;
48
- }
49
- .nav-list > li + .nav-header {
50
- margin-top: 9px;
55
+ .nav-list > li > a {
56
+ padding: 3px 15px;
51
57
  }
52
58
  .nav-list .active > a,
53
59
  .nav-list .active > a:hover {
@@ -249,6 +255,9 @@
249
255
  .tabbable {
250
256
  @include clearfix();
251
257
  }
258
+ .tab-content {
259
+ overflow: hidden; // prevent content from running below tabs
260
+ }
252
261
 
253
262
  // Remove border on bottom, left, right
254
263
  .tabs-below .nav-tabs,
@@ -108,7 +108,7 @@ input[type="button"],
108
108
  input[type="reset"],
109
109
  input[type="submit"] {
110
110
  cursor: pointer; // Cursors on all buttons applied consistently
111
- -webkit-appearance: button; // Style clicable inputs in iOS
111
+ -webkit-appearance: button; // Style clickable inputs in iOS
112
112
  }
113
113
  input[type="search"] { // Appearance in Safari/Chrome
114
114
  -webkit-appearance: textfield;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Responsive v2.0.0
2
+ * Bootstrap Responsive v2.0.1
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -56,7 +56,7 @@
56
56
  .uneditable-input {
57
57
  display: block;
58
58
  width: 100%;
59
- height: 28px; /* Make inputs at least the height of their button counterpart */
59
+ min-height: 28px; /* Make inputs at least the height of their button counterpart */
60
60
  /* Makes inputs behave like true block-level elements */
61
61
  -webkit-box-sizing: border-box; /* Older Webkit */
62
62
  -moz-box-sizing: border-box; /* Older FF */
@@ -123,7 +123,7 @@
123
123
  // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
124
124
  // --------------------------------------------------
125
125
 
126
- @media (max-width: 768px) {
126
+ @media (max-width: 767px) {
127
127
  // GRID & CONTAINERS
128
128
  // -----------------
129
129
  // Remove width from containers
@@ -154,7 +154,7 @@
154
154
  // PORTRAIT TABLET TO DEFAULT DESKTOP
155
155
  // ----------------------------------
156
156
 
157
- @media (min-width: 768px) and (max-width: 980px) {
157
+ @media (min-width: 768px) and (max-width: 979px) {
158
158
 
159
159
  // Fixed grid
160
160
  @include grid-system-generate(12, 42px, 20px);
@@ -171,7 +171,7 @@
171
171
 
172
172
  // TABLETS AND BELOW
173
173
  // -----------------
174
- @media (max-width: 980px) {
174
+ @media (max-width: 979px) {
175
175
 
176
176
  // UNFIX THE TOPBAR
177
177
  // ----------------
@@ -215,6 +215,10 @@
215
215
  .navbar .nav > .divider-vertical {
216
216
  display: none;
217
217
  }
218
+ .navbar .nav .nav-header {
219
+ color: $navbarText;
220
+ text-shadow: none;
221
+ }
218
222
  // Nav and dropdown links in navbar
219
223
  .navbar .nav > li > a,
220
224
  .navbar .dropdown-menu a {
@@ -9,26 +9,26 @@
9
9
  // All icons receive the styles of the <i> tag with a base class
10
10
  // of .i and are then given a unique class to add width, height,
11
11
  // and background-position. Your resulting HTML will look like
12
- // <i class="i icon-inbox"></i>.
12
+ // <i class="icon-inbox"></i>.
13
13
 
14
14
  // For the white version of the icons, just add the .icon-white class:
15
- // <i class="i icon-inbox icon-white"></i>
15
+ // <i class="icon-inbox icon-white"></i>
16
16
 
17
- [class^="icon-"] {
17
+ [class^="icon-"],
18
+ [class*=" icon-"] {
18
19
  display: inline-block;
19
20
  width: 14px;
20
21
  height: 14px;
22
+ line-height: 14px;
21
23
  vertical-align: text-top;
22
- // TODO: check for rails pipeline
23
- background-image: image-url("glyphicons-halflings.png");
24
+ background-image: url($iconSpritePath);
24
25
  background-position: 14px 14px;
25
26
  background-repeat: no-repeat;
26
27
 
27
28
  @include ie7-restore-right-whitespace();
28
29
  }
29
30
  .icon-white {
30
- // TODO: check for rails pipeline
31
- background-image: image-url("glyphicons-halflings-white.png");
31
+ background-image: url($iconWhiteSpritePath);
32
32
  }
33
33
 
34
34
  .icon-glass { background-position: 0 0; }
@@ -25,14 +25,15 @@ table {
25
25
  padding: 8px;
26
26
  line-height: $baseLineHeight;
27
27
  text-align: left;
28
+ vertical-align: top;
28
29
  border-top: 1px solid #ddd;
29
30
  }
30
31
  th {
31
32
  font-weight: bold;
32
- vertical-align: bottom;
33
33
  }
34
- td {
35
- vertical-align: top;
34
+ // Bottom align for column headings
35
+ thead th {
36
+ vertical-align: bottom;
36
37
  }
37
38
  // Remove top border from thead by default
38
39
  thead:first-child tr th,
@@ -113,6 +114,16 @@ table {
113
114
  }
114
115
 
115
116
 
117
+ // HOVER EFFECT
118
+ // ------------
119
+ // Placed here since it has to come after the potential zebra striping
120
+ .table {
121
+ tbody tr:hover td,
122
+ tbody tr:hover th {
123
+ background-color: #f5f5f5;
124
+ }
125
+ }
126
+
116
127
 
117
128
  // TABLE CELL SIZING
118
129
  // -----------------
@@ -2,13 +2,13 @@
2
2
  // ----------
3
3
 
4
4
  .thumbnails {
5
- margin-left: -20px;
5
+ margin-left: -$gridGutterWidth;
6
6
  list-style: none;
7
7
  @include clearfix();
8
8
  }
9
9
  .thumbnails > li {
10
10
  float: left;
11
- margin: 0 0 $baseLineHeight 20px;
11
+ margin: 0 0 $baseLineHeight $gridGutterWidth;
12
12
  }
13
13
  .thumbnail {
14
14
  display: block;
@@ -110,7 +110,8 @@ ol {
110
110
  li {
111
111
  line-height: $baseLineHeight;
112
112
  }
113
- ul.unstyled {
113
+ ul.unstyled,
114
+ ol.unstyled {
114
115
  margin-left: 0;
115
116
  list-style: none;
116
117
  }
@@ -137,7 +138,7 @@ dd {
137
138
  hr {
138
139
  margin: $baseLineHeight 0;
139
140
  border: 0;
140
- border-top: 1px solid #e5e5e5;
141
+ border-top: 1px solid $hrBorder;
141
142
  border-bottom: 1px solid $white;
142
143
  }
143
144
 
@@ -54,13 +54,21 @@ $zindexFixedNavbar: 1030 !default;
54
54
  $zindexModalBackdrop: 1040 !default;
55
55
  $zindexModal: 1050 !default;
56
56
 
57
+ // Sprite icons path
58
+ $iconSpritePath: image-path("glyphicons-halflings.png") !default;
59
+ $iconWhiteSpritePath: image-path("glyphicons-halflings-white.png") !default;
60
+
57
61
  // Input placeholder text color
58
62
  $placeholderText: $grayLight !default;
59
63
 
64
+ // Hr border color
65
+ $hrBorder: $grayLighter !default;
66
+
60
67
  // Navbar
61
68
  $navbarHeight: 40px !default;
62
69
  $navbarBackground: $grayDarker !default;
63
70
  $navbarBackgroundHighlight: $grayDark !default;
71
+ $navbarLinkBackgroundHover: transparent !default;
64
72
 
65
73
  $navbarText: $grayLight !default;
66
74
  $navbarLinkColor: $grayLight !default;
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.0.5
4
+ version: 2.0.1.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,11 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-02-16 00:00:00.000000000 Z
12
+ date: 2012-02-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties
16
- requirement: &70108043104640 !ruby/object:Gem::Requirement
16
+ requirement: &70262687285880 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: '3.0'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70108043104640
24
+ version_requirements: *70262687285880
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: sass
27
- requirement: &70108043103440 !ruby/object:Gem::Requirement
27
+ requirement: &70262687284140 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
32
32
  version: '0'
33
33
  type: :runtime
34
34
  prerelease: false
35
- version_requirements: *70108043103440
35
+ version_requirements: *70262687284140
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: bundler
38
- requirement: &70108043101660 !ruby/object:Gem::Requirement
38
+ requirement: &70262687283100 !ruby/object:Gem::Requirement
39
39
  none: false
40
40
  requirements:
41
41
  - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
43
43
  version: '1.0'
44
44
  type: :development
45
45
  prerelease: false
46
- version_requirements: *70108043101660
46
+ version_requirements: *70262687283100
47
47
  - !ruby/object:Gem::Dependency
48
48
  name: rails
49
- requirement: &70108043100120 !ruby/object:Gem::Requirement
49
+ requirement: &70262687280720 !ruby/object:Gem::Requirement
50
50
  none: false
51
51
  requirements:
52
52
  - - ! '>='
@@ -54,7 +54,7 @@ dependencies:
54
54
  version: '3.1'
55
55
  type: :development
56
56
  prerelease: false
57
- version_requirements: *70108043100120
57
+ version_requirements: *70262687280720
58
58
  description: Twitter Bootstrap CSS (with SASS flavour) and JS toolkits for Rails 3
59
59
  projects
60
60
  email: