sass-twitter-bootstrap-rails 1.0.1 → 1.0.2

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/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