sass-rails-bootstrap 2.1.0.1 → 2.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. data/README.md +2 -2
  2. data/lib/sass-rails-bootstrap/version.rb +1 -1
  3. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +1 -1
  4. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +1 -1
  5. data/vendor/assets/javascripts/twitter/bootstrap/button.js +2 -2
  6. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +1 -1
  7. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +1 -1
  8. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +3 -3
  9. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +1 -1
  10. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +1 -1
  11. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -1
  12. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +1 -1
  13. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +1 -1
  14. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +1 -1
  15. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +2 -2
  16. data/vendor/assets/stylesheets/twitter/_bootstrap-responsive.scss +1 -1
  17. data/vendor/assets/stylesheets/twitter/_bootstrap.scss +1 -1
  18. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +1 -0
  19. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +20 -2
  20. data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.sass +0 -1
  21. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +2 -2
  22. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +22 -10
  23. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +16 -7
  24. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +3 -2
  25. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +19 -11
  26. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +29 -20
  27. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +26 -16
  28. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +5 -2
  29. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.sass +26 -20
  30. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.sass +10 -0
  31. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.sass +5 -4
  32. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +8 -2
  33. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +19 -6
  34. data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +13 -3
  35. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +7 -2
  36. metadata +2 -2
data/README.md CHANGED
@@ -69,8 +69,8 @@ Alternatively, you could include only the files you need:
69
69
 
70
70
  This gem will directly track the semantic versioning releases of the Twitter Bootstrap project. Our major and minor versions will always match to theirs.
71
71
 
72
- Currently, this gem reflects the Bootstrap version 2.1.0 up to the commit:
73
- https://github.com/twitter/bootstrap/commit/320b75de63f347027774ba7353eea7f6937ab14b
72
+ Currently, this gem reflects the Bootstrap version 2.1.1 up to the commit:
73
+ https://github.com/twitter/bootstrap/commit/c52368d3c5984b28e6a71e5e1240afdd788fc2e6
74
74
 
75
75
 
76
76
  ## Copyright and license
@@ -1,3 +1,3 @@
1
1
  module SassRailsBootstrap
2
- VERSION = "2.1.0.1"
2
+ VERSION = "2.1.1"
3
3
  end
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-affix.js v2.1.0
2
+ * bootstrap-affix.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#affix
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-alert.js v2.1.0
2
+ * bootstrap-alert.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#alerts
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- * bootstrap-button.js v2.1.0
2
+ * bootstrap-button.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#buttons
4
4
  * ============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -51,7 +51,7 @@
51
51
  }
52
52
 
53
53
  Button.prototype.toggle = function () {
54
- var $parent = this.$element.parent('[data-toggle="buttons-radio"]')
54
+ var $parent = this.$element.closest('[data-toggle="buttons-radio"]')
55
55
 
56
56
  $parent && $parent
57
57
  .find('.active')
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-carousel.js v2.1.0
2
+ * bootstrap-carousel.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#carousel
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-collapse.js v2.1.0
2
+ * bootstrap-collapse.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#collapse
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- * bootstrap-dropdown.js v2.1.0
2
+ * bootstrap-dropdown.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#dropdowns
4
4
  * ============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -110,7 +110,7 @@
110
110
 
111
111
  if (!selector) {
112
112
  selector = $this.attr('href')
113
- selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
113
+ selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
114
114
  }
115
115
 
116
116
  $parent = $(selector)
@@ -142,7 +142,7 @@
142
142
  $('html')
143
143
  .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
144
144
  $('body')
145
- .on('click.dropdown touchstart.dropdown.data-api', '.dropdown', function (e) { e.stopPropagation() })
145
+ .on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
146
146
  .on('click.dropdown.data-api touchstart.dropdown.data-api' , toggle, Dropdown.prototype.toggle)
147
147
  .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
148
148
  })
@@ -1,5 +1,5 @@
1
1
  /* =========================================================
2
- * bootstrap-modal.js v2.1.0
2
+ * bootstrap-modal.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#modals
4
4
  * =========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ===========================================================
2
- * bootstrap-popover.js v2.1.0
2
+ * bootstrap-popover.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#popovers
4
4
  * ===========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-scrollspy.js v2.1.0
2
+ * bootstrap-scrollspy.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#scrollspy
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ========================================================
2
- * bootstrap-tab.js v2.1.0
2
+ * bootstrap-tab.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tabs
4
4
  * ========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ===========================================================
2
- * bootstrap-tooltip.js v2.1.0
2
+ * bootstrap-tooltip.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tooltips
4
4
  * Inspired by the original jQuery.tipsy by Jason Frame
5
5
  * ===========================================================
@@ -1,5 +1,5 @@
1
1
  /* ===================================================
2
- * bootstrap-transition.js v2.1.0
2
+ * bootstrap-transition.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#transitions
4
4
  * ===================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-typeahead.js v2.1.0
2
+ * bootstrap-typeahead.js v2.1.1
3
3
  * http://twitter.github.com/bootstrap/javascript.html#typeahead
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -174,7 +174,7 @@
174
174
  .on('keypress', $.proxy(this.keypress, this))
175
175
  .on('keyup', $.proxy(this.keyup, this))
176
176
 
177
- if ($.browser.webkit || $.browser.msie) {
177
+ if ($.browser.chrome || $.browser.webkit || $.browser.msie) {
178
178
  this.$element.on('keydown', $.proxy(this.keydown, this))
179
179
  }
180
180
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Responsive v2.1.0
2
+ * Bootstrap Responsive v2.1.1
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v2.1.0
2
+ * Bootstrap v2.1.1
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -7,6 +7,7 @@
7
7
  .btn-group
8
8
  position: relative
9
9
  font-size: 0 // remove as part 1 of font-size inline-block hack
10
+ vertical-align: middle // match .btn alignment given font-size hack above
10
11
  white-space: nowrap // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
11
12
  +ie7-restore-left-whitespace
12
13
 
@@ -85,17 +85,30 @@
85
85
  .btn-mini
86
86
  padding: 2px 6px
87
87
  font-size: $baseFontSize - 2px
88
- line-height: $baseLineHeight - 4px
88
+ line-height: $baseLineHeight - 3px
89
+
89
90
 
90
91
  // Block button
92
+ // -------------------------
93
+
91
94
  .btn-block
92
95
  display: block
93
96
  width: 100%
94
97
  padding-left: 0
95
98
  padding-right: 0
96
99
  +box-sizing(border-box)
100
+
101
+ // Vertically space out multiple block buttons
97
102
  .btn-block + .btn-block
98
103
  margin-top: 5px
104
+
105
+ // Specificity overrides
106
+ input[type="submit"],
107
+ input[type="reset"],
108
+ input[type="button"]
109
+ &.btn-block
110
+ width: 100%
111
+
99
112
 
100
113
 
101
114
  // Alternate buttons
@@ -165,7 +178,8 @@ input[type="submit"].btn
165
178
 
166
179
  // Make a button look and behave like a link
167
180
  .btn-link,
168
- .btn-link:active
181
+ .btn-link:active,
182
+ .btn-link[disabled]
169
183
  background-color: transparent
170
184
  background-image: none
171
185
  +box-shadow(none)
@@ -180,3 +194,7 @@ input[type="submit"].btn
180
194
  color: $linkColorHover
181
195
  text-decoration: underline
182
196
  background-color: transparent
197
+
198
+ .btn-link[disabled]:hover
199
+ color: $grayDark
200
+ text-decoration: none
@@ -13,7 +13,6 @@
13
13
  position: relative
14
14
  height: 0
15
15
  overflow: hidden
16
- overflow: visible \9
17
16
  +transition(height .35s ease)
18
17
  &.in
19
18
  height: auto
@@ -134,7 +134,7 @@
134
134
  .caret
135
135
  border-top: 0
136
136
  border-bottom: 4px solid $black
137
- content: "\2191"
137
+ content: ""
138
138
  // Different positioning for bottom up menu
139
139
  .dropdown-menu
140
140
  top: auto
@@ -155,7 +155,7 @@
155
155
  -moz-border-radius: 0 6px 6px 6px
156
156
  border-radius: 0 6px 6px 6px
157
157
 
158
- .dropdown-submenu:hover .dropdown-menu
158
+ .dropdown-submenu:hover > .dropdown-menu
159
159
  display: block
160
160
 
161
161
  .dropdown-submenu > a:after
@@ -83,8 +83,9 @@ input[type="color"],
83
83
  // Reset appearance properties for textual inputs and textarea
84
84
  // Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
85
85
  input,
86
- textarea
87
- width: 210px
86
+ textarea,
87
+ .uneditable-input
88
+ width: 206px // plus 12px padding and 2px border
88
89
  // Reset height since textareas have rows
89
90
  textarea
90
91
  height: auto
@@ -147,7 +148,7 @@ input[type="file"]
147
148
  // Make select elements obey height by applying a border
148
149
  select
149
150
  width: 220px // default input width + 10px of padding that doesn't get applied
150
- border: 1px solid #bbb
151
+ border: 1px solid $inputBorder
151
152
  background-color: $inputBackground // Chrome on Linux and Mobile Safari need background-color
152
153
 
153
154
  // Make multiple select elements height not fixed
@@ -189,7 +190,7 @@ input[type="checkbox"]:focus
189
190
  // Placeholder
190
191
  // -------------------------
191
192
 
192
- // Placeholder text gets special styles; can't be bundled together though for some reason
193
+ // Placeholder text gets special styles because when browsers invalidate entire lines if it doesn’t understand a selector
193
194
  input,
194
195
  textarea
195
196
  +placeholder
@@ -319,6 +320,10 @@ input[type="checkbox"][readonly]
319
320
  .control-group.success
320
321
  +form-field-state($successText, $successText, $successBackground)
321
322
 
323
+ // Success
324
+ .control-group.info
325
+ +form-field-state($infoText, $infoText, $infoBackground)
326
+
322
327
  // HTML5 invalid states
323
328
  // Shares styles with the .control-group.error above
324
329
  input:focus:required:invalid,
@@ -401,7 +406,6 @@ select:focus:required:invalid
401
406
  border: 1px solid #ccc
402
407
  .add-on,
403
408
  .btn
404
- margin-left: -1px
405
409
  vertical-align: top
406
410
  +border-radius(0)
407
411
  .active
@@ -421,6 +425,9 @@ select:focus:required:invalid
421
425
  select,
422
426
  .uneditable-input
423
427
  +border-radius($inputBorderRadius 0 0 $inputBorderRadius)
428
+ .add-on,
429
+ .btn
430
+ margin-left: -1px
424
431
  .add-on:last-child,
425
432
  .btn:last-child
426
433
  +border-radius(0 $inputBorderRadius $inputBorderRadius 0)
@@ -544,7 +551,7 @@ legend + .control-group
544
551
  // Float the labels left
545
552
  .control-label
546
553
  float: left
547
- width: 140px
554
+ width: $horizontalComponentOffset - 20
548
555
  padding-top: 5px
549
556
  text-align: right
550
557
  // Move over all input controls and content
@@ -553,14 +560,19 @@ legend + .control-group
553
560
  // don't inherit the margin of the parent, in this case .controls
554
561
  *display: inline-block
555
562
  *padding-left: 20px
556
- margin-left: 160px
563
+ margin-left: $horizontalComponentOffset
557
564
  *margin-left: 0
558
565
  &:first-child
559
- *padding-left: 160px
566
+ *padding-left: $horizontalComponentOffset
560
567
  // Remove bottom margin on block level help text since that's accounted for on .control-group
561
568
  .help-block
562
- margin-top: $baseLineHeight / 2
563
569
  margin-bottom: 0
570
+ // And apply it only to .help-block instances that follow a form control
571
+ input,
572
+ select,
573
+ textarea
574
+ + .help-block
575
+ margin-top: $baseLineHeight / 2
564
576
  // Move over buttons in .form-actions to align with .controls
565
577
  .form-actions
566
- padding-left: 160px
578
+ padding-left: $horizontalComponentOffset
@@ -71,11 +71,11 @@
71
71
  // Placeholder text
72
72
  // -------------------------
73
73
  =placeholder($color: $placeholderText)
74
- \:-moz-placeholder
74
+ &:-moz-placeholder
75
75
  color: $color
76
- \:-ms-input-placeholder
76
+ &:-ms-input-placeholder
77
77
  color: $color
78
- ::-webkit-input-placeholder
78
+ &::-webkit-input-placeholder
79
79
  color: $color
80
80
 
81
81
  // Text overflow
@@ -150,11 +150,13 @@
150
150
  select,
151
151
  textarea
152
152
  color: $textColor
153
+ input,
154
+ select,
155
+ textarea
153
156
  border-color: $borderColor
154
157
  +box-shadow(inset 0 1px 1px rgba(0,0,0,.075)) // Redeclare so transitions work
155
158
  &:focus
156
159
  border-color: darken($borderColor, 10%)
157
- // Write out in full since the lighten() function isn't easily escaped
158
160
  $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%)
159
161
  +box-shadow($shadow)
160
162
  // Give a small background color for input-prepend/-append
@@ -227,6 +229,12 @@
227
229
  -o-transition: $transition
228
230
  transition: $transition
229
231
 
232
+ =transition-delay($transition-delay)
233
+ -webkit-transition-delay: $transition-delay
234
+ -moz-transition-delay: $transition-delay
235
+ -o-transition-delay: $transition-delay
236
+ transition-delay: $transition-delay
237
+
230
238
  // Transformations
231
239
  =rotate($degrees)
232
240
  -webkit-transform: rotate($degrees)
@@ -252,7 +260,7 @@
252
260
  =skew($x, $y)
253
261
  -webkit-transform: skew($x, $y)
254
262
  -moz-transform: skew($x, $y)
255
- -ms-transform: skew($x, $y)
263
+ -ms-transform: skewX($x) skewY($y) // See https://github.com/twitter/bootstrap/issues/4885
256
264
  -o-transform: skew($x, $y)
257
265
  transform: skew($x, $y)
258
266
 
@@ -383,7 +391,7 @@
383
391
  background-color: mix($midColor, $endColor, 80%)
384
392
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor))
385
393
  background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor)
386
- background-image: -moz-linear-gradient(top, $startColor, $midColor ($colorStop * 100%), $endColor)
394
+ background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor)
387
395
  background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor)
388
396
  background-image: linear-gradient($startColor, $midColor $colorStop, $endColor)
389
397
  background-repeat: no-repeat
@@ -397,7 +405,7 @@
397
405
  background-image: -o-radial-gradient(circle, $innerColor, $outerColor)
398
406
  background-repeat: no-repeat
399
407
 
400
- =gradient-striped($color, $angle: 45deg)
408
+ =gradient-striped($color: #555, $angle: 45deg)
401
409
  background-color: $color
402
410
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent))
403
411
  background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
@@ -499,6 +507,7 @@
499
507
 
500
508
  [class*="span"]
501
509
  float: left
510
+ min-height: 1px // prevent collapsing columns
502
511
  margin-left: $gridGutterWidth
503
512
 
504
513
  // Set the container width, and override it for fixed navbars in media queries
@@ -3,8 +3,9 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // Recalculate z-index where appropriate
7
- .modal-open
6
+ // Recalculate z-index where appropriate,
7
+ // but only apply to elements within modal
8
+ .modal-open .modal
8
9
  .dropdown-menu
9
10
  z-index: $zindexDropdown + $zindexModal
10
11
  .dropdown.open
@@ -27,6 +27,9 @@
27
27
  +border-radius(4px)
28
28
  +box-shadow(0 1px 4px rgba(0,0,0,.065))
29
29
 
30
+ // Prevent floats from breaking the navbar
31
+ +clearfix
32
+
30
33
  // Set width to auto for default container
31
34
  // We then reset it for fixed navbars in the grid system mixin
32
35
  .navbar .container
@@ -81,13 +84,16 @@
81
84
  // -------------------------
82
85
  .navbar .btn,
83
86
  .navbar .btn-group
84
- +navbar-vertical-align(28px) // Vertically center in navbar
87
+ +navbar-vertical-align(30px) // Vertically center in navbar
85
88
 
86
- .navbar .btn-group .btn
87
- margin: 0 // then undo the margin here so we don't accidentally double it
89
+ .navbar .btn-group .btn,
90
+ .navbar .input-prepend .btn,
91
+ .navbar .input-append .btn
92
+ margin-top: 0 // then undo the margin here so we don't accidentally double it
88
93
 
89
94
 
90
95
  // Navbar forms
96
+ // -------------------------
91
97
  .navbar-form
92
98
  margin-bottom: 0 // remove default bottom margin
93
99
  +clearfix
@@ -114,6 +120,7 @@
114
120
 
115
121
 
116
122
  // Navbar search
123
+ // -------------------------
117
124
  .navbar-search
118
125
  position: relative
119
126
  float: left
@@ -150,11 +157,13 @@
150
157
  left: 0
151
158
  z-index: $zindexFixedNavbar
152
159
  margin-bottom: 0 // remove 18px margin for default navbar
153
- .navbar-fixed-top,
154
- .navbar-fixed-bottom,
155
- .navbar-static-top
156
- .navbar-inner
157
- border: 0
160
+
161
+ .navbar-fixed-top .navbar-inner,
162
+ .navbar-static-top .navbar-inner
163
+ border-width: 0 0 1px
164
+
165
+ .navbar-fixed-bottom .navbar-inner
166
+ border-width: 1px 0 0
158
167
 
159
168
  .navbar-fixed-top .navbar-inner,
160
169
  .navbar-fixed-bottom .navbar-inner
@@ -199,6 +208,7 @@
199
208
 
200
209
  .navbar .nav.pull-right
201
210
  float: right // redeclare due to specificity
211
+ margin-right: 0 // remove margin on float right nav
202
212
 
203
213
  .navbar .nav > li
204
214
  float: left
@@ -232,9 +242,7 @@
232
242
  color: $navbarLinkColorActive
233
243
  text-decoration: none
234
244
  background-color: $navbarLinkBackgroundActive
235
- -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.125)
236
- -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.125)
237
- box-shadow: inset 0 3px 8px rgba(0,0,0,.125)
245
+ +box-shadow(inset 0 3px 8px rgba(0,0,0,.125))
238
246
 
239
247
 
240
248
  // Navbar button for toggling navbar items in responsive layouts
@@ -8,23 +8,32 @@
8
8
  list-style: none
9
9
  text-align: center
10
10
  +clearfix
11
- li
12
- display: inline
13
- a
14
- display: inline-block
15
- padding: 5px 14px
16
- background-color: #fff
17
- border: 1px solid #ddd
18
- +border-radius(15px)
19
- &:hover
20
- text-decoration: none
21
- background-color: #f5f5f5
22
- .next a
23
- float: right
24
- .previous a
25
- float: left
26
- .disabled a,
27
- .disabled a:hover
28
- color: $grayLight
29
- background-color: #fff
30
- cursor: default
11
+
12
+ .pager li
13
+ display: inline
14
+
15
+ .pager a,
16
+ .pager span
17
+ display: inline-block
18
+ padding: 5px 14px
19
+ background-color: #fff
20
+ border: 1px solid #ddd
21
+ +border-radius(15px)
22
+
23
+ .pager a:hover
24
+ text-decoration: none
25
+ background-color: #f5f5f5
26
+
27
+ .pager .next a,
28
+ .pager .next span
29
+ float: right
30
+
31
+ .pager .previous a
32
+ float: left
33
+
34
+ .pager .disabled a,
35
+ .pager .disabled a:hover,
36
+ .pager .disabled span
37
+ color: $grayLight
38
+ background-color: #fff
39
+ cursor: default
@@ -6,6 +6,7 @@
6
6
  .pagination
7
7
  height: $baseLineHeight * 2
8
8
  margin: $baseLineHeight 0
9
+
9
10
  .pagination ul
10
11
  display: inline-block
11
12
  +ie7-inline-block
@@ -13,41 +14,50 @@
13
14
  margin-bottom: 0
14
15
  +border-radius(3px)
15
16
  +box-shadow(0 1px 2px rgba(0,0,0,.05))
16
- .pagination li
17
+
18
+ .pagination ul > li
17
19
  display: inline
18
- .pagination a,
19
- .pagination span
20
+
21
+ .pagination ul > li > a,
22
+ .pagination ul > li > span
20
23
  float: left
21
24
  padding: 0 14px
22
- line-height: $baseLineHeight * 2 - 2
25
+ line-height: ($baseLineHeight * 2) - 2
23
26
  text-decoration: none
24
27
  background-color: $paginationBackground
25
28
  border: 1px solid $paginationBorder
26
29
  border-left-width: 0
27
- .pagination a:hover,
28
- .pagination .active a,
29
- .pagination .active span
30
+
31
+ .pagination ul > li > a:hover,
32
+ .pagination ul > .active > a,
33
+ .pagination ul > .active > span
30
34
  background-color: #f5f5f5
31
- .pagination .active a,
32
- .pagination .active span
35
+
36
+ .pagination ul > .active > a,
37
+ .pagination ul > .active > span
33
38
  color: $grayLight
34
39
  cursor: default
35
- .pagination .disabled span,
36
- .pagination .disabled a,
37
- .pagination .disabled a:hover
40
+
41
+ .pagination ul > .disabled > span,
42
+ .pagination ul > .disabled > a,
43
+ .pagination ul > .disabled > a:hover
38
44
  color: $grayLight
39
45
  background-color: transparent
40
46
  cursor: default
41
- .pagination li:first-child a,
42
- .pagination li:first-child span
47
+
48
+ .pagination ul > li:first-child > a,
49
+ .pagination ul > li:first-child > span
43
50
  border-left-width: 1px
44
51
  +border-radius(3px 0 0 3px)
45
- .pagination li:last-child a,
46
- .pagination li:last-child span
52
+
53
+ .pagination ul > li:last-child > a,
54
+ .pagination ul > li:last-child > span
47
55
  +border-radius(0 3px 3px 0)
48
56
 
57
+
49
58
  // Centered
50
59
  .pagination-centered
51
60
  text-align: center
61
+
52
62
  .pagination-right
53
63
  text-align: right
@@ -69,8 +69,11 @@ sub
69
69
  // -------------------------
70
70
 
71
71
  img
72
- max-width: 100% // Make images inherently responsive
73
- height: auto // Make images inherently responsive
72
+ /* Responsive images (ensure images don't scale beyond their parents) */
73
+ max-width: 100% /* Part 1: Set a maxium relative to the parent */
74
+ width: auto\9 /* IE7-8 need help adjusting responsive images */
75
+ height: auto /* Part 2: Scale the height according to the width, otherwise you get stretching */
76
+
74
77
  vertical-align: middle
75
78
  border: 0
76
79
  -ms-interpolation-mode: bicubic
@@ -11,7 +11,8 @@
11
11
 
12
12
  // Negative indent the now static "fixed" navbar
13
13
  .navbar-fixed-top,
14
- .navbar-fixed-bottom
14
+ .navbar-fixed-bottom,
15
+ .navbar-static-top
15
16
  margin-left: -20px
16
17
  margin-right: -20px
17
18
 
@@ -55,8 +56,9 @@
55
56
  .row-fluid [class*="span"]
56
57
  float: none
57
58
  display: block
58
- width: auto
59
+ width: 100%
59
60
  margin-left: 0
61
+ +box-sizing(border-box)
60
62
  .span12,
61
63
  .row-fluid .span12
62
64
  width: 100%
@@ -83,6 +85,9 @@
83
85
  display: inline-block // redeclare so they don't wrap to new lines
84
86
  width: auto
85
87
 
88
+ .controls-row [class*="span"] + [class*="span"]
89
+ margin-left: 0
90
+
86
91
  // Modals
87
92
  .modal
88
93
  position: fixed
@@ -115,24 +120,25 @@
115
120
  border: 1px solid #ccc
116
121
 
117
122
  // Remove the horizontal form styles
118
- .form-horizontal .control-group > label
119
- float: none
120
- width: auto
121
- padding-top: 0
122
- text-align: left
123
-
124
- // Move over all input controls and content
125
- .form-horizontal .controls
126
- margin-left: 0
127
-
128
- // Move the options list down to align with labels
129
- .form-horizontal .control-list
130
- padding-top: 0 // has to be padding because margin collaspes
131
-
132
- // Move over buttons in .form-actions to align with .controls
133
- .form-horizontal .form-actions
134
- padding-left: 10px
135
- padding-right: 10px
123
+ .form-horizontal
124
+ .control-label
125
+ float: none
126
+ width: auto
127
+ padding-top: 0
128
+ text-align: left
129
+
130
+ // Move over all input controls and content
131
+ .controls
132
+ margin-left: 0
133
+
134
+ // Move the options list down to align with labels
135
+ .control-list
136
+ padding-top: 0 // has to be padding because margin collaspes
137
+
138
+ // Move over buttons in .form-actions to align with .controls
139
+ .form-actions
140
+ padding-left: 10px
141
+ padding-right: 10px
136
142
 
137
143
  // Modals
138
144
  .modal
@@ -111,6 +111,11 @@
111
111
 
112
112
  .nav-collapse .dropdown-menu .divider
113
113
  display: none
114
+
115
+ .nav-collapse .nav > li > .dropdown-menu
116
+ &:before,
117
+ &:after
118
+ display: none
114
119
 
115
120
  // Forms in navbar
116
121
  .nav-collapse .navbar-form,
@@ -122,6 +127,11 @@
122
127
  border-bottom: 1px solid $navbarBackground
123
128
  $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)
124
129
  +box-shadow($shadow)
130
+
131
+ .navbar-inverse .nav-collapse .navbar-form,
132
+ .navbar-inverse .nav-collapse .navbar-search
133
+ border-top-color: $navbarInverseBackground
134
+ border-bottom-color: $navbarInverseBackground
125
135
 
126
136
  // Pull right (secondary) nav content
127
137
  .navbar .nav-collapse .nav.pull-right
@@ -29,17 +29,18 @@ a:hover
29
29
  // Images
30
30
  // -------------------------
31
31
 
32
+ // Rounded corners
32
33
  .img-rounded
33
34
  +border-radius(6px)
34
35
 
36
+ // Add polaroid-esque trim
35
37
  .img-polaroid
36
38
  padding: 4px
37
39
  background-color: #fff
38
40
  border: 1px solid #ccc
39
41
  border: 1px solid rgba(0,0,0,.2)
40
- -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1)
41
- -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1)
42
- box-shadow: 0 1px 3px rgba(0,0,0,.1)
42
+ +box-shadow(0 1px 3px rgba(0,0,0,.1))
43
43
 
44
+ // Perfect circle
44
45
  .img-circle
45
- +border-radius(500px)
46
+ +border-radius(500px) // crank the border-radius so it works with most reasonably sized images
@@ -28,8 +28,14 @@
28
28
 
29
29
  // White icons with optional class, or on hover/active states of certain elements
30
30
  .icon-white,
31
- .nav > .active > a > [class^="icon-"],
32
- .nav > .active > a > [class*=" icon-"],
31
+ .nav-tabs > .active > a > [class^="icon-"],
32
+ .nav-tabs > .active > a > [class*=" icon-"],
33
+ .nav-pills > .active > a > [class^="icon-"],
34
+ .nav-pills > .active > a > [class*=" icon-"],
35
+ .nav-list > .active > a > [class^="icon-"],
36
+ .nav-list > .active > a > [class*=" icon-"],
37
+ .navbar-inverse .nav > .active > a > [class^="icon-"],
38
+ .navbar-inverse .nav > .active > a > [class*=" icon-"],
33
39
  .dropdown-menu > li > a:hover > [class^="icon-"],
34
40
  .dropdown-menu > li > a:hover > [class*=" icon-"],
35
41
  .dropdown-menu > .active > a > [class^="icon-"],
@@ -116,7 +116,7 @@ table
116
116
  colgroup + tbody tr:first-child td:last-child
117
117
  -webkit-border-top-right-radius: 4px
118
118
  border-top-right-radius: 4px
119
- -moz-border-right-topleft: 4px
119
+ -moz-border-radius-topleft: 4px
120
120
 
121
121
 
122
122
  // ZEBRA-STRIPING
@@ -151,7 +151,7 @@ table [class*=span],
151
151
  margin-left: 0 // undo default grid column styles
152
152
 
153
153
  // Change the column widths to account for td/th padding
154
- table
154
+ .table
155
155
  .span1
156
156
  +table-columns(1)
157
157
  .span2
@@ -206,10 +206,23 @@ table
206
206
  // -----------------
207
207
  // Exact selectors below required to override .table-striped
208
208
 
209
- .table
210
- tbody tr.success td
209
+ .table tbody tr
210
+ &.success td
211
211
  background-color: $successBackground
212
- tbody tr.error td
212
+ &.error td
213
213
  background-color: $errorBackground
214
- tbody tr.info td
214
+ &.warning td
215
+ background-color: $warningBackground
216
+ &.info td
215
217
  background-color: $infoBackground
218
+
219
+ // Hover states for .table-hover
220
+ .table-hover tbody tr
221
+ &.success:hover td
222
+ background-color: darken($successBackground, 5%)
223
+ &.error:hover td
224
+ background-color: darken($errorBackground, 5%)
225
+ &.warning:hover td
226
+ background-color: darken($warningBackground, 5%)
227
+ &.info:hover td
228
+ background-color: darken($infoBackground, 5%)
@@ -11,7 +11,7 @@ p
11
11
 
12
12
  .lead
13
13
  margin-bottom: $baseLineHeight
14
- font-size: 20px
14
+ font-size: $baseFontSize * 1.5
15
15
  font-weight: 200
16
16
  line-height: $baseLineHeight * 1.5
17
17
 
@@ -31,8 +31,17 @@ em
31
31
  cite
32
32
  font-style: normal
33
33
 
34
+ // Utility classes
34
35
  .muted
35
36
  color: $grayLight
37
+ .text-warning
38
+ color: $warningText
39
+ .text-error
40
+ color: $errorText
41
+ .text-info
42
+ color: $infoText
43
+ .text-success
44
+ color: $successText
36
45
 
37
46
 
38
47
  // Headings
@@ -135,14 +144,15 @@ dd
135
144
 
136
145
  // Horizontal layout (like forms)
137
146
  .dl-horizontal
147
+ +clearfix // Ensure dl clears floats if empty dd elements present
138
148
  dt
139
149
  float: left
140
- width: 120px
150
+ width: $horizontalComponentOffset - 20
141
151
  clear: left
142
152
  text-align: right
143
153
  +text-overflow
144
154
  dd
145
- margin-left: 130px
155
+ margin-left: $horizontalComponentOffset
146
156
 
147
157
 
148
158
  // MISC
@@ -147,6 +147,11 @@ $placeholderText: $grayLight
147
147
  $hrBorder: $grayLighter
148
148
 
149
149
 
150
+ // Horizontal forms & lists
151
+ // -------------------------
152
+ $horizontalComponentOffset: 180px
153
+
154
+
150
155
  // Wells
151
156
  // -------------------------
152
157
  $wellBackground: #f5f5f5
@@ -161,8 +166,8 @@ $navbarBackgroundHighlight: #ffffff
161
166
  $navbarBackground: darken($navbarBackgroundHighlight, 5%)
162
167
  $navbarBorder: darken($navbarBackground, 12%)
163
168
 
164
- $navbarText: $gray
165
- $navbarLinkColor: $gray
169
+ $navbarText: #777
170
+ $navbarLinkColor: #777
166
171
  $navbarLinkColorHover: $grayDark
167
172
  $navbarLinkColorActive: $gray
168
173
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-rails-bootstrap
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.1.0.1
4
+ version: 2.1.1
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-08-26 00:00:00.000000000 Z
12
+ date: 2012-09-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails