sass-rails-bootstrap 2.1.0.1 → 2.1.1

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