bootstrap-sass 2.0.0 → 2.0.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.

Potentially problematic release.


This version of bootstrap-sass might be problematic. Click here for more details.

Files changed (36) hide show
  1. data/README.md +4 -1
  2. data/vendor/assets/javascripts/bootstrap-alert.js +8 -5
  3. data/vendor/assets/javascripts/bootstrap-button.js +3 -3
  4. data/vendor/assets/javascripts/bootstrap-carousel.js +5 -2
  5. data/vendor/assets/javascripts/bootstrap-collapse.js +2 -2
  6. data/vendor/assets/javascripts/bootstrap-dropdown.js +2 -2
  7. data/vendor/assets/javascripts/bootstrap-modal.js +6 -5
  8. data/vendor/assets/javascripts/bootstrap-popover.js +2 -2
  9. data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
  10. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  11. data/vendor/assets/javascripts/bootstrap-tooltip.js +2 -2
  12. data/vendor/assets/javascripts/bootstrap-transition.js +3 -3
  13. data/vendor/assets/javascripts/bootstrap-typeahead.js +2 -2
  14. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +9 -5
  15. data/vendor/assets/stylesheets/_bootstrap.scss +1 -1
  16. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +1 -1
  17. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +4 -4
  18. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +23 -9
  19. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +3 -3
  20. data/vendor/assets/stylesheets/bootstrap/_close.scss +3 -3
  21. data/vendor/assets/stylesheets/bootstrap/_code.scss +13 -0
  22. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +4 -5
  23. data/vendor/assets/stylesheets/bootstrap/_forms.scss +42 -37
  24. data/vendor/assets/stylesheets/bootstrap/_labels.scss +23 -7
  25. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +62 -11
  26. data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -2
  27. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +12 -6
  28. data/vendor/assets/stylesheets/bootstrap/_navs.scss +24 -15
  29. data/vendor/assets/stylesheets/bootstrap/_reset.scss +1 -1
  30. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +4 -3
  31. data/vendor/assets/stylesheets/bootstrap/_tables.scss +12 -3
  32. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +2 -2
  33. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +2 -2
  34. data/vendor/assets/stylesheets/bootstrap/_type.scss +2 -2
  35. data/vendor/assets/stylesheets/bootstrap/_variables.scss +6 -2
  36. metadata +7 -7
@@ -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;
@@ -21,9 +23,10 @@
21
23
  }
22
24
 
23
25
  .modal-backdrop, .modal-backdrop.fade.in {
24
- @include opacity(80);
26
+ @include opacity(0.8);
25
27
  }
26
28
 
29
+ // Base modal
27
30
  .modal {
28
31
  position: fixed;
29
32
  top: 50%;
@@ -53,9 +56,17 @@
53
56
  // Close icon
54
57
  .close { margin-top: 2px; }
55
58
  }
59
+
60
+ // Body (where all modal content resides)
56
61
  .modal-body {
57
62
  padding: 15px;
58
63
  }
64
+ // Remove bottom margin if need be
65
+ .modal-body .modal-form {
66
+ margin-bottom: 0;
67
+ }
68
+
69
+ // Footer (for actions)
59
70
  .modal-footer {
60
71
  padding: 14px 15px 15px;
61
72
  margin-bottom: 0;
@@ -69,4 +80,4 @@
69
80
  margin-left: 5px;
70
81
  margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
71
82
  }
72
- }
83
+ }
@@ -80,7 +80,7 @@
80
80
  margin-top: 5px; // make buttons vertically centered in navbar
81
81
  }
82
82
  .btn-group .btn {
83
- margin-top: 0;
83
+ margin-top: 0; // then undo the margin here so we don't accidentally double it
84
84
  }
85
85
  }
86
86
 
@@ -99,6 +99,13 @@
99
99
  input[type="image"], input[type="checkbox"], input[type="radio"] {
100
100
  margin-top: 3px;
101
101
  }
102
+ .input-append, .input-prepend {
103
+ margin-top: 6px;
104
+ white-space: nowrap; // prevents two items from separating within a .navbar-form that has .pull-left
105
+ input {
106
+ margin-top: 0; //remove the margin on top since it's on parent
107
+ }
108
+ }
102
109
  }
103
110
 
104
111
  // Navbar search
@@ -128,7 +135,7 @@
128
135
  background-color: $grayLight;
129
136
  background-color: rgba(255,255,255,.5);
130
137
  }
131
- // Focus states (we use .focused since IE8 and down doesn't support :focus)
138
+ // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
132
139
  &:focus, &.focused {
133
140
  padding: 5px 10px;
134
141
  color: $grayDark;
@@ -188,7 +195,7 @@
188
195
  }
189
196
  // Hover
190
197
  .navbar .nav > li > a:hover {
191
- background-color: transparent;
198
+ background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from :active
192
199
  color: $navbarLinkColorHover;
193
200
  text-decoration: none;
194
201
  }
@@ -198,7 +205,6 @@
198
205
  color: $navbarLinkColorHover;
199
206
  text-decoration: none;
200
207
  background-color: $navbarBackground;
201
- background-color: rgba(0,0,0,.5);
202
208
  }
203
209
 
204
210
  // Dividers (basically a vertical hr)
@@ -254,7 +260,7 @@
254
260
  border-top-color: $white;
255
261
  }
256
262
  .navbar .nav .active .caret {
257
- @include opacity(100);
263
+ @include opacity(1);
258
264
  }
259
265
 
260
266
  // Remove background color from open dropdown
@@ -279,4 +285,4 @@
279
285
  left: auto;
280
286
  right: 13px;
281
287
  }
282
- }
288
+ }
@@ -21,6 +21,21 @@
21
21
  background-color: $grayLighter;
22
22
  }
23
23
 
24
+ // Nav headers (for dropdowns and lists)
25
+ .nav .nav-header {
26
+ display: block;
27
+ padding: 3px 15px;
28
+ font-size: 11px;
29
+ font-weight: bold;
30
+ line-height: $baseLineHeight;
31
+ color: $grayLight;
32
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
33
+ text-transform: uppercase;
34
+ }
35
+ // Space them out when they follow another list item (link)
36
+ .nav li + .nav-header {
37
+ margin-top: 9px;
38
+ }
24
39
 
25
40
 
26
41
  // NAV LIST
@@ -32,28 +47,19 @@
32
47
  margin-bottom: 0;
33
48
  }
34
49
  .nav-list > li > a, .nav-list .nav-header {
35
- display: block;
36
- padding: 3px 15px;
37
50
  margin-left: -15px;
38
51
  margin-right: -15px;
39
52
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
40
53
  }
41
- .nav-list .nav-header {
42
- font-size: 11px;
43
- font-weight: bold;
44
- line-height: $baseLineHeight;
45
- color: $grayLight;
46
- text-transform: uppercase;
47
- }
48
- .nav-list > li + .nav-header {
49
- margin-top: 9px;
54
+ .nav-list > li > a {
55
+ padding: 3px 15px;
50
56
  }
51
- .nav-list .active > a {
57
+ .nav-list .active > a, .nav-list .active > a:hover {
52
58
  color: $white;
53
59
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
54
60
  background-color: $linkColor;
55
61
  }
56
- .nav-list .icon {
62
+ .nav-list [class^="icon-"] {
57
63
  margin-right: 2px;
58
64
  }
59
65
 
@@ -213,7 +219,7 @@
213
219
  }
214
220
  .nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
215
221
  border-top-color: $white;
216
- @include opacity(100);
222
+ @include opacity(1);
217
223
  }
218
224
 
219
225
  // Dropdowns in stacked tabs
@@ -234,6 +240,9 @@
234
240
  .tabbable {
235
241
  @include clearfix();
236
242
  }
243
+ .tab-content {
244
+ overflow: hidden; // prevent content from running below tabs
245
+ }
237
246
 
238
247
  // Remove border on bottom, left, right
239
248
  .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {
@@ -317,4 +326,4 @@
317
326
  .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover {
318
327
  border-color: #ddd #ddd #ddd transparent;
319
328
  *border-left-color: $white;
320
- }
329
+ }
@@ -87,7 +87,7 @@ button::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border
87
87
  }
88
88
  button, input[type="button"], input[type="reset"], input[type="submit"] {
89
89
  cursor: pointer; // Cursors on all buttons applied consistently
90
- -webkit-appearance: button; // Style clicable inputs in iOS
90
+ -webkit-appearance: button; // Style clickable inputs in iOS
91
91
  }
92
92
  input[type="search"] { // Appearance in Safari/Chrome
93
93
  -webkit-appearance: textfield;
@@ -9,15 +9,16 @@
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-"], [class*=" icon-"] {
18
18
  display: inline-block;
19
19
  width: 14px;
20
20
  height: 14px;
21
+ line-height: 14px;
21
22
  vertical-align: text-top;
22
23
  background-image: asset-url("glyphicons-halflings.png", image);
23
24
  background-position: 14px 14px;
@@ -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
  // Remove top border from thead by default
37
38
  thead:first-child tr th, thead:first-child tr td {
@@ -100,6 +101,14 @@ table {
100
101
  }
101
102
 
102
103
 
104
+ // HOVER EFFECT
105
+ // ------------
106
+ // Placed here since it has to come after the potential zebra striping
107
+ .table {
108
+ tbody tr:hover td, tbody tr:hover th {
109
+ background-color: #f5f5f5;
110
+ }
111
+ }
103
112
 
104
113
  // TABLE CELL SIZING
105
114
  // -----------------
@@ -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;
@@ -9,7 +9,7 @@
9
9
  padding: 5px;
10
10
  font-size: 11px;
11
11
  @include opacity(0);
12
- &.in { @include opacity(80); }
12
+ &.in { @include opacity(0.8); }
13
13
  &.top { margin-top: -2px; }
14
14
  &.right { margin-left: 2px; }
15
15
  &.bottom { margin-top: 2px; }
@@ -32,4 +32,4 @@
32
32
  position: absolute;
33
33
  width: 0;
34
34
  height: 0;
35
- }
35
+ }
@@ -107,7 +107,7 @@ ol {
107
107
  li {
108
108
  line-height: $baseLineHeight;
109
109
  }
110
- ul.unstyled {
110
+ ul.unstyled, ol.unstyled {
111
111
  margin-left: 0;
112
112
  list-style: none;
113
113
  }
@@ -133,7 +133,7 @@ dd {
133
133
  hr {
134
134
  margin: $baseLineHeight 0;
135
135
  border: 0;
136
- border-top: 1px solid #e5e5e5;
136
+ border-top: 1px solid $hrBorder;
137
137
  border-bottom: 1px solid $white;
138
138
  }
139
139
 
@@ -55,12 +55,16 @@ $zindexModalBackdrop: 1040;
55
55
  $zindexModal: 1050;
56
56
 
57
57
  // Input placeholder text color
58
- $placeholderText: $grayLight !default;
58
+ $placeholderText: $grayLight !default;
59
+
60
+ // HR border color
61
+ $hrBorder: $grayLighter !default;
59
62
 
60
63
  // Navbar
61
64
  $navbarHeight: 40px !default;
62
65
  $navbarBackground: $grayDarker !default;
63
66
  $navbarBackgroundHighlight: $grayDark !default;
67
+ $navbarLinkBackgroundHover: transparent !default;
64
68
 
65
69
  $navbarText: $grayLight !default;
66
70
  $navbarLinkColor: $grayLight !default;
@@ -92,7 +96,7 @@ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
92
96
  $gridColumns: 12 !default;
93
97
  $gridColumnWidth: 60px !default;
94
98
  $gridGutterWidth: 20px !default;
95
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
99
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
96
100
 
97
101
  // Fluid grid
98
102
  $fluidGridColumnWidth: 6.382978723% !default;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootstrap-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.0
4
+ version: 2.0.1
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-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
16
- requirement: &70321730749300 !ruby/object:Gem::Requirement
16
+ requirement: &70123629250160 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: '0'
22
22
  type: :development
23
23
  prerelease: false
24
- version_requirements: *70321730749300
24
+ version_requirements: *70123629250160
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: sass-rails
27
- requirement: &70321730748560 !ruby/object:Gem::Requirement
27
+ requirement: &70123633347860 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - ~>
@@ -32,7 +32,7 @@ dependencies:
32
32
  version: '3.1'
33
33
  type: :development
34
34
  prerelease: false
35
- version_requirements: *70321730748560
35
+ version_requirements: *70123633347860
36
36
  description:
37
37
  email: tom@conceptcoding.co.uk
38
38
  executables: []
@@ -121,5 +121,5 @@ rubyforge_project:
121
121
  rubygems_version: 1.8.12
122
122
  signing_key:
123
123
  specification_version: 3
124
- summary: Twitter's Bootstrap, converted to SASS and ready to drop into Rails
124
+ summary: Twitter's Bootstrap, converted to SASS and ready to drop into Rails or Compass
125
125
  test_files: []