sass-twitter-bootstrap-rails 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. data/lib/sass-twitter-bootstrap/rails/version.rb +2 -2
  2. data/sass-twitter-bootstrap-rails.gemspec +1 -1
  3. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +8 -5
  4. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +3 -3
  5. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +5 -2
  6. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +2 -2
  7. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +2 -2
  8. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +6 -5
  9. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +2 -2
  10. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +2 -2
  11. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +2 -2
  12. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +2 -2
  13. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +3 -3
  14. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +2 -2
  15. data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -1
  16. data/vendor/assets/stylesheets/twitter/bootstrap/breadcrumbs.scss +1 -1
  17. data/vendor/assets/stylesheets/twitter/bootstrap/button-groups.scss +2 -1
  18. data/vendor/assets/stylesheets/twitter/bootstrap/buttons.scss +22 -6
  19. data/vendor/assets/stylesheets/twitter/bootstrap/code.scss +13 -0
  20. data/vendor/assets/stylesheets/twitter/bootstrap/dropdowns.scss +1 -1
  21. data/vendor/assets/stylesheets/twitter/bootstrap/forms.scss +45 -41
  22. data/vendor/assets/stylesheets/twitter/bootstrap/labels.scss +22 -7
  23. data/vendor/assets/stylesheets/twitter/bootstrap/mixins.scss +58 -2
  24. data/vendor/assets/stylesheets/twitter/bootstrap/modals.scss +10 -0
  25. data/vendor/assets/stylesheets/twitter/bootstrap/navbar.scss +11 -4
  26. data/vendor/assets/stylesheets/twitter/bootstrap/navs.scss +20 -12
  27. data/vendor/assets/stylesheets/twitter/bootstrap/reset.scss +1 -1
  28. data/vendor/assets/stylesheets/twitter/bootstrap/responsive.scss +11 -7
  29. data/vendor/assets/stylesheets/twitter/bootstrap/sprites.scss +7 -5
  30. data/vendor/assets/stylesheets/twitter/bootstrap/tables.scss +14 -3
  31. data/vendor/assets/stylesheets/twitter/bootstrap/thumbnails.scss +2 -2
  32. data/vendor/assets/stylesheets/twitter/bootstrap/type.scss +3 -2
  33. data/vendor/assets/stylesheets/twitter/bootstrap/variables.scss +56 -32
  34. metadata +5 -5
@@ -1,6 +1,6 @@
1
1
  module SassTwitterBootstrap
2
2
  module Rails
3
- VERSION = '1.0.1'
4
- BOOTSTRAP_VERSION = '2.0.0'
3
+ VERSION = '1.0.2'
4
+ BOOTSTRAP_VERSION = '2.0.1'
5
5
  end
6
6
  end
@@ -18,5 +18,5 @@ Gem::Specification.new do |s|
18
18
  s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
19
19
  s.files = `git ls-files`.split("\n")
20
20
  s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
21
- s.require_path = "lib"
21
+ s.require_path = "lib"
22
22
  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.
@@ -26,7 +26,7 @@
26
26
  * ====================== */
27
27
 
28
28
  var Modal = function ( content, options ) {
29
- this.options = $.extend({}, $.fn.modal.defaults, options)
29
+ this.options = options
30
30
  this.$element = $(content)
31
31
  .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
32
32
  }
@@ -177,16 +177,17 @@
177
177
  return this.each(function () {
178
178
  var $this = $(this)
179
179
  , data = $this.data('modal')
180
- , options = 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
- else data.show()
183
+ else if (options.show) data.show()
184
184
  })
185
185
  }
186
186
 
187
187
  $.fn.modal.defaults = {
188
188
  backdrop: true
189
189
  , keyboard: true
190
+ , show: true
190
191
  }
191
192
 
192
193
  $.fn.modal.Constructor = Modal
@@ -206,4 +207,4 @@
206
207
  })
207
208
  })
208
209
 
209
- }( 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;
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 vertical-three-colors-gradient($white, $white, 25%, darken($white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
18
+ vertical-align: middle;
19
+ @include buttonBackground($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
+ @extend .reset_filter;
26
29
  @extend .ie7-restore-left-whitespace;
27
30
  }
28
31
 
@@ -51,7 +54,6 @@
51
54
  @include box-shadow($shadow);
52
55
  background-color: darken($white, 10%);
53
56
  background-color: darken($white, 15%) e("\9");
54
- color: rgba(0,0,0,.5);
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 buttonBackground(#5bc0de, #2f96b4);
141
153
  }
154
+ // Inverse appears as dark gray
155
+ .btn-inverse {
156
+ @include buttonBackground(#454545, #262626);
157
+ }
142
158
 
143
159
 
144
160
  // Cross-browser Jank
@@ -11,12 +11,16 @@ pre {
11
11
  @include border-radius(3px);
12
12
  @extend .monospace;
13
13
  }
14
+
15
+ // Inline code
14
16
  code {
15
17
  background-color: #f7f7f9;
16
18
  border: 1px solid #e1e1e8;
17
19
  color: #d14;
18
20
  padding: 3px 4px;
19
21
  }
22
+
23
+ // Blocks of code
20
24
  pre {
21
25
  display: block;
22
26
  padding: ($baseLineHeight - 1) / 2;
@@ -29,6 +33,7 @@ pre {
29
33
  @include border-radius(4px);
30
34
  white-space: pre-wrap;
31
35
  word-break: break-all;
36
+ word-wrap: break-word;
32
37
 
33
38
  // Make prettyprint styles more spaced out for readability
34
39
  &.prettyprint {
@@ -38,6 +43,14 @@ pre {
38
43
  // Account for some code outputs that place code tags in pre tags
39
44
  code {
40
45
  padding: 0;
46
+ color: inherit;
41
47
  background-color: transparent;
48
+ border: 0;
42
49
  }
50
+ }
51
+
52
+ // Enable scrollable blocks of code
53
+ .pre-scrollable {
54
+ max-height: 340px;
55
+ overflow-y: scroll;
43
56
  }
@@ -93,7 +93,7 @@
93
93
  padding: 3px 15px;
94
94
  clear: both;
95
95
  font-weight: normal;
96
- line-height: 18px;
96
+ line-height: $baseLineHeight;
97
97
  color: $gray;
98
98
  white-space: nowrap;
99
99
  }
@@ -29,11 +29,22 @@ legend {
29
29
  border-bottom: 1px solid #eee;
30
30
  }
31
31
 
32
+ small {
33
+ font-size: $baseLineHeight * .75;
34
+ color: $grayLight;
35
+ }
36
+
32
37
  // Set font for forms
33
38
  label,
34
39
  input,
35
40
  button,
36
41
  select,
42
+ textarea {
43
+ @include shorthand($baseFontSize, normal, $baseLineHeight);
44
+ }
45
+ input,
46
+ button,
47
+ select,
37
48
  textarea {
38
49
  @include sans-serif($baseFontSize, normal, $baseLineHeight);
39
50
  }
@@ -83,13 +94,18 @@ input[type="radio"] {
83
94
  margin: 3px 0;
84
95
  *margin-top: 0; /* IE7 */
85
96
  line-height: normal;
86
- border: 0;
87
97
  cursor: pointer;
88
98
  @include border-radius(0);
99
+ border: 0 \9;
100
+ }
101
+
102
+ input[type="image"] {
103
+ border: 0;
89
104
  }
90
105
 
91
106
  // Reset the file input to browser defaults
92
107
  input[type="file"] {
108
+ width: auto;
93
109
  padding: initial;
94
110
  line-height: initial;
95
111
  border: initial;
@@ -98,6 +114,10 @@ input[type="file"] {
98
114
  @include box-shadow(none);
99
115
  }
100
116
 
117
+ input[type="file"] {
118
+ line-height: 18px \9;
119
+ }
120
+
101
121
  // Help out input buttons
102
122
  input[type="button"],
103
123
  input[type="reset"],
@@ -166,6 +186,7 @@ input[type="hidden"] {
166
186
  .radio.inline,
167
187
  .checkbox.inline {
168
188
  display: inline-block;
189
+ padding-top: 5px;
169
190
  margin-bottom: 0;
170
191
  vertical-align: middle;
171
192
  }
@@ -173,11 +194,6 @@ input[type="hidden"] {
173
194
  .checkbox.inline + .checkbox.inline {
174
195
  margin-left: 10px; // space out consecutive inline controls
175
196
  }
176
- // But don't forget to remove their padding on first-child
177
- .controls > .radio.inline:first-child,
178
- .controls > .checkbox.inline:first-child {
179
- padding-top: 0;
180
- }
181
197
 
182
198
  // FOCUS STATE
183
199
  // -----------
@@ -194,9 +210,10 @@ textarea:focus {
194
210
  $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
195
211
  @include box-shadow($shadow);
196
212
  outline: 0;
197
- outline: thin dotted \9; /* IE6-8 */
213
+ outline: thin dotted \9; /* IE6-9 */
198
214
  }
199
215
  input[type="file"]:focus,
216
+ input[type="radio"]:focus,
200
217
  input[type="checkbox"]:focus,
201
218
  select:focus {
202
219
  @include box-shadow(none); // override for file inputs
@@ -248,33 +265,6 @@ textarea[readonly] {
248
265
  // FORM FIELD FEEDBACK STATES
249
266
  // --------------------------
250
267
 
251
- // Mixin for form field states
252
- @mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
253
- // Set the text color
254
- > label,
255
- .help-block,
256
- .help-inline {
257
- color: $textColor;
258
- }
259
- // Style inputs accordingly
260
- input,
261
- select,
262
- textarea {
263
- color: $textColor;
264
- border-color: $borderColor;
265
- &:focus {
266
- border-color: darken($borderColor, 10%);
267
- @include box-shadow(0 0 6px lighten($borderColor, 20%));
268
- }
269
- }
270
- // Give a small background color for input-prepend/-append
271
- .input-prepend .add-on,
272
- .input-append .add-on {
273
- color: $textColor;
274
- background-color: $backgroundColor;
275
- border-color: $textColor;
276
- }
277
- }
278
268
  // Warning
279
269
  .control-group.warning {
280
270
  @include formFieldState($warningText, $warningText, $warningBackground);
@@ -329,6 +319,7 @@ select:focus:required:invalid {
329
319
  // ---------
330
320
 
331
321
  .help-block {
322
+ display: block;
332
323
  margin-top: 5px;
333
324
  margin-bottom: 0;
334
325
  color: $grayLight;
@@ -360,7 +351,8 @@ select:focus:required:invalid {
360
351
  }
361
352
  }
362
353
  .uneditable-input {
363
- border-left-color: #ccc;
354
+ border-left-color: #eee;
355
+ border-right-color: #ccc;
364
356
  }
365
357
  .add-on {
366
358
  float: left;
@@ -379,6 +371,10 @@ select:focus:required:invalid {
379
371
  border: 1px solid #ccc;
380
372
  @include border-radius(3px 0 0 3px);
381
373
  }
374
+ // Re-hide hidden elements due to specifity
375
+ .hide {
376
+ display: none;
377
+ }
382
378
  .active {
383
379
  background-color: lighten($green, 30);
384
380
  border-color: $green;
@@ -458,29 +454,37 @@ select:focus:required:invalid {
458
454
  .form-inline .input-prepend .add-on {
459
455
  vertical-align: middle;
460
456
  }
457
+ // Inline checkbox/radio labels
458
+ .form-search .radio,
459
+ .form-inline .radio,
460
+ .form-search .checkbox,
461
+ .form-inline .checkbox {
462
+ margin-bottom: 0;
463
+ vertical-align: middle;
464
+ }
461
465
 
462
466
  // Margin to space out fieldsets
463
467
  .control-group {
464
468
  margin-bottom: $baseLineHeight / 2;
465
469
  }
466
470
 
471
+ // Legend collapses margin, so next element is responsible for spacing
472
+ legend + .control-group {
473
+ margin-top: $baseLineHeight;
474
+ -webkit-margin-top-collapse: separate;
475
+ }
467
476
 
468
477
  // Horizontal-specific styles
469
478
  // --------------------------
470
479
 
471
480
  .form-horizontal {
472
- // Legend collapses margin, so we're relegated to padding
473
- legend + .control-group {
474
- margin-top: $baseLineHeight;
475
- -webkit-margin-top-collapse: separate;
476
- }
477
481
  // Increase spacing between groups
478
482
  .control-group {
479
483
  margin-bottom: $baseLineHeight;
480
484
  @include clearfix;
481
485
  }
482
486
  // Float the labels left
483
- .control-group > label {
487
+ .control-label {
484
488
  float: left;
485
489
  width: 140px;
486
490
  padding-top: 5px;
@@ -2,15 +2,30 @@
2
2
  // ------
3
3
 
4
4
  .label {
5
- padding: 1px 3px 2px;
6
- font-size: $baseFontSize * .75;
5
+ padding: 2px 4px 3px;
6
+ font-size: $baseFontSize * .85;
7
7
  font-weight: bold;
8
8
  color: $white;
9
- text-transform: uppercase;
9
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
10
10
  background-color: $grayLight;
11
11
  @include border-radius(3px);
12
12
  }
13
- .label-important { background-color: $errorText; }
14
- .label-warning { background-color: $orange; }
15
- .label-success { background-color: $successText; }
16
- .label-info { background-color: $infoText; }
13
+
14
+ // Hover state
15
+ .label:hover {
16
+ color: $white;
17
+ text-decoration: none;
18
+ }
19
+
20
+ // Colors
21
+ .label-important { background-color: $errorText; }
22
+ .label-important:hover { background-color: darken($errorText, 10%); }
23
+
24
+ .label-warning { background-color: $orange; }
25
+ .label-warning:hover { background-color: darken($orange, 10%); }
26
+
27
+ .label-success { background-color: $successText; }
28
+ .label-success:hover { background-color: darken($successText, 10%); }
29
+
30
+ .label-info { background-color: $infoText; }
31
+ .label-info:hover { background-color: darken($infoText, 10%); }
@@ -19,7 +19,7 @@
19
19
 
20
20
  .tab-focus {
21
21
  // Default
22
- outline: thin dotted;
22
+ outline: thin dotted #333;
23
23
  // Webkit
24
24
  outline: 5px auto -webkit-focus-ring-color;
25
25
  outline-offset: -2px;
@@ -76,6 +76,15 @@
76
76
  }
77
77
  }
78
78
 
79
+ // Text overflow
80
+ // -------------------------
81
+ // Requires inline-block or block for proper styling
82
+ .text-overflow {
83
+ overflow: hidden;
84
+ text-overflow: ellipsis;
85
+ white-space: nowrap;
86
+ }
87
+
79
88
  // Fonts
80
89
  // -----------------------------------
81
90
 
@@ -184,7 +193,7 @@
184
193
  }
185
194
 
186
195
  @for $i from 1 through 11 {
187
- .span#{$i} { @include fluid-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
196
+ > .span#{$i} { @include fluid-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
188
197
  }
189
198
  }
190
199
  }
@@ -206,6 +215,46 @@
206
215
  }
207
216
  }
208
217
 
218
+ // Make a grid
219
+ .make-row {
220
+ margin-left: $gridGutterWidth * -1;
221
+ @extend .clearfix;
222
+ }
223
+
224
+ @mixin makeColumn($column: 1) {
225
+ float: left;
226
+ margin-left: $gridGutterWidth;
227
+ width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ( $columns - 1));
228
+ }
229
+
230
+ // Mixin for form field states
231
+ @mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
232
+ // Set the text color
233
+ > label,
234
+ .help-block,
235
+ .help-inline {
236
+ color: $textColor;
237
+ }
238
+ // Style inputs accordingly
239
+ input,
240
+ select,
241
+ textarea {
242
+ color: $textColor;
243
+ border-color: $borderColor;
244
+ &:focus {
245
+ border-color: darken($borderColor, 10%);
246
+ @include box-shadow(0 0 6px lighten($borderColor, 20%));
247
+ }
248
+ }
249
+ // Give a small background color for input-prepend/-append
250
+ .input-prepend .add-on,
251
+ .input-append .add-on {
252
+ color: $textColor;
253
+ background-color: $backgroundColor;
254
+ border-color: $textColor;
255
+ }
256
+ }
257
+
209
258
  // CSS3 Properties
210
259
  // -----------------------------------
211
260
 
@@ -254,6 +303,13 @@
254
303
  -o-transform: translate($x, $y);
255
304
  transform: translate($x, $y);
256
305
  }
306
+ @mixin translate3d($x: 0, $y: 0, $z: 0) {
307
+ -webkit-transform: translate($x, $y, $z);
308
+ -moz-transform: translate($x, $y, $z);
309
+ -ms-transform: translate($x, $y, $z);
310
+ -o-transform: translate($x, $y, $z);
311
+ transform: translate($x, $y, $z);
312
+ }
257
313
 
258
314
  // Background clipping
259
315
  @mixin background-clip($clip) {
@@ -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%;
@@ -54,9 +57,16 @@
54
57
  // Close icon
55
58
  .close { margin-top: 2px; }
56
59
  }
60
+ // Body (where all modal content resises)
57
61
  .modal-body {
58
62
  padding: 15px;
59
63
  }
64
+ // Remove bottom margin if need be
65
+ .modal-body .modal-form {
66
+ margin-bottom: 0;
67
+ }
68
+
69
+ // Footer (for actions)
60
70
  .modal-footer {
61
71
  padding: 14px 15px 15px;
62
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;
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,7 +21,21 @@
21
21
  background-color: $grayLighter;
22
22
  }
23
23
 
24
-
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
+ }
25
39
 
26
40
  // NAV LIST
27
41
  // --------
@@ -33,21 +47,12 @@
33
47
  }
34
48
  .nav-list > li > a,
35
49
  .nav-list .nav-header {
36
- display: block;
37
- padding: 3px 15px;
38
50
  margin-left: -15px;
39
51
  margin-right: -15px;
40
52
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
41
53
  }
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;
54
+ .nav-list > li > a {
55
+ padding: 3px 15px;
51
56
  }
52
57
  .nav-list .active > a,
53
58
  .nav-list .active > a:hover {
@@ -249,6 +254,9 @@
249
254
  .tabbable {
250
255
  @include clearfix;
251
256
  }
257
+ .tab-content {
258
+ overflow: hidden; // prevent content from running below tabs
259
+ }
252
260
 
253
261
  // Remove border on bottom, left, right
254
262
  .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
@@ -17,8 +17,8 @@
17
17
  // -------------------------
18
18
  // Required since we compile the responsive stuff separately
19
19
 
20
- @import "variables.less"; // Modify this for custom colors, font-sizes, etc
21
- @import "mixins.less";
20
+ @import "variables.scss"; // Modify this for custom colors, font-sizes, etc
21
+ @import "mixins.scss";
22
22
 
23
23
 
24
24
  // RESPONSIVE CLASSES
@@ -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 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,24 +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
- background-image: url(../img/glyphicons-halflings.png);
24
+ background-image: url($iconSpritePath);
23
25
  background-position: 14px 14px;
24
26
  background-repeat: no-repeat;
25
27
 
26
28
  @extend .ie7-restore-right-whitespace;
27
29
  }
28
30
  .icon-white {
29
- background-image: url(../img/glyphicons-halflings-white.png);
31
+ background-image: url($iconWhiteSpritePath);
30
32
  }
31
33
 
32
34
  .icon-glass { background-position: 0 0; }
@@ -24,14 +24,15 @@ table {
24
24
  padding: 8px;
25
25
  line-height: $baseLineHeight;
26
26
  text-align: left;
27
+ vertical-align: top;
27
28
  border-top: 1px solid #ddd;
28
29
  }
29
30
  th {
30
31
  font-weight: bold;
31
- vertical-align: bottom;
32
32
  }
33
- td {
34
- vertical-align: top;
33
+ // Bottom align for column headings
34
+ thead th {
35
+ vertical-align: bottom;
35
36
  }
36
37
  thead:first-child tr th,
37
38
  thead:first-child tr td {
@@ -106,6 +107,16 @@ table {
106
107
  }
107
108
  }
108
109
 
110
+ // HOVER EFFECT
111
+ // ------------
112
+ // Placed here since it has to come after the potential zebra striping
113
+ .table {
114
+ tbody tr:hover td,
115
+ tbody tr:hover th {
116
+ background-color: #f5f5f5;
117
+ }
118
+ }
119
+
109
120
  // TABLE CELL SIZING
110
121
  // -----------------
111
122
 
@@ -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;
@@ -108,7 +108,8 @@ ol {
108
108
  li {
109
109
  line-height: $baseLineHeight;
110
110
  }
111
- ul.unstyled {
111
+ ul.unstyled,
112
+ ol.unstyled {
112
113
  list-style: none;
113
114
  margin-left: 0;
114
115
  }
@@ -134,7 +135,7 @@ dl {
134
135
  hr {
135
136
  margin: $baseLineHeight 0;
136
137
  border: 0;
137
- border-top: 1px solid #e5e5e5;
138
+ border-top: 1px solid $hrBorder;
138
139
  border-bottom: 1px solid $white;
139
140
  }
140
141
 
@@ -25,51 +25,75 @@ $orange: #f89406;
25
25
  $pink: #c3325f;
26
26
  $purple: #7a43b6;
27
27
 
28
- // Baseline grid
28
+ // Typography
29
29
  $baseFontSize: 13px;
30
30
  $baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
31
31
  $baseLineHeight: 18px;
32
32
  $textColor: $grayDark;
33
33
 
34
+ // Buttons
34
35
  $primaryButtonBackground: $linkColor;
35
36
 
36
- $zindexDropdown: 1000;
37
- $zindexPopover: 1010;
38
- $zindexTooltip: 1020;
39
- $zindexFixedNavbar: 1030;
40
- $zindexModalBackdrop: 1040;
41
- $zindexModal: 1050;
37
+ // COMPONENT VARIABLES
38
+ // --------------------------------------------------
42
39
 
43
- $placeholderText: $grayLight;
40
+ // Z-index master list
41
+ // Used for a bird's eye view of components dependent on the z-axis
42
+ // Try to avoid customizing these :)
43
+ $zindexDropdown: 1000;
44
+ $zindexPopover: 1010;
45
+ $zindexTooltip: 1020;
46
+ $zindexFixedNavbar: 1030;
47
+ $zindexModalBackdrop: 1040;
48
+ $zindexModal: 1050;
44
49
 
45
- $navbarHeight: 40px;
46
- $navbarBackground: $grayDarker;
47
- $navbarBackgroundHighlight: $grayDark;
50
+ // Sprite icons path
51
+ $iconSpritePath: "../img/glyphicons-halflings.png";
52
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
48
53
 
49
- $navbarText: $grayLight;
50
- $navbarLinkColor: $grayLight;
51
- $navbarLinkColorHover: $white;
54
+ // Input placeholder text color
55
+ $placeholderText: $grayLight;
52
56
 
53
- $warningText: #c09853;
54
- $warningBackground: #fcf8e3;
55
- $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
57
+ // Hr border color
58
+ $hrBorder: $grayLighter;
56
59
 
57
- $errorText: #b94a48;
58
- $errorBackground: #f2dede;
59
- $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
60
+ // Navbar
61
+ $navbarHeight: 40px;
62
+ $navbarBackground: $grayDarker;
63
+ $navbarBackgroundHighlight: $grayDark;
64
+ $navbarLinkBackgroundHover: transparent;
60
65
 
61
- $successText: #468847;
62
- $successBackground: #dff0d8;
63
- $successBorder: darken(adjust-hue($successBackground, -10), 5%);
66
+ $navbarText: $grayLight;
67
+ $navbarLinkColor: $grayLight;
68
+ $navbarLinkColorHover: $white;
64
69
 
65
- $infoText: #3a87ad;
66
- $infoBackground: #d9edf7;
67
- $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
70
+ // Form states and alerts
71
+ $warningText: #c09853;
72
+ $warningBackground: #fcf8e3;
73
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
68
74
 
69
- $gridColumns: 12;
70
- $gridColumnWidth: 60px;
71
- $gridGutterWidth: 20px;
72
- $gridRowWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1);
75
+ $errorText: #b94a48;
76
+ $errorBackground: #f2dede;
77
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
73
78
 
74
- $fluidGridColumnWidth: 6.383%;
75
- $fluidGridGutterWidth: 2.128%;
79
+ $successText: #468847;
80
+ $successBackground: #dff0d8;
81
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%);
82
+
83
+ $infoText: #3a87ad;
84
+ $infoBackground: #d9edf7;
85
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
86
+
87
+
88
+ // GRID
89
+ // ------------------------------
90
+
91
+ // Default 940px grid
92
+ $gridColumns: 12;
93
+ $gridColumnWidth: 60px;
94
+ $gridGutterWidth: 20px;
95
+ $gridRowWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1);
96
+
97
+ // Fluid grid
98
+ $fluidGridColumnWidth: 6.382978723%;
99
+ $fluidGridGutterWidth: 2.127659574%;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-twitter-bootstrap-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.1
4
+ version: 1.0.2
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-06 00:00:00.000000000 Z
12
+ date: 2012-02-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties
16
- requirement: &2158198660 !ruby/object:Gem::Requirement
16
+ requirement: &70308309789040 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
21
21
  version: '3.1'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *2158198660
24
+ version_requirements: *70308309789040
25
25
  description: This gem provides Twitter Bootstrap converted to Sass directly for you
26
26
  Rails 3 application.
27
27
  email:
@@ -110,7 +110,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
110
110
  version: 1.3.6
111
111
  requirements: []
112
112
  rubyforge_project:
113
- rubygems_version: 1.8.10
113
+ rubygems_version: 1.8.16
114
114
  signing_key:
115
115
  specification_version: 3
116
116
  summary: Use Twitter CSS toolkit Bootstrap with Rails and Sass