bootstrap-sass 2.0.0 → 2.0.1

Sign up to get free protection for your applications and to get access to all the features.

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: []