bootstrapped 1.0.1 → 2.0.3

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 (60) hide show
  1. data/.gitmodules +3 -0
  2. data/README.rdoc +7 -1
  3. data/bootstrapped.gemspec +1 -1
  4. data/lib/bootstrapped/engine.rb +1 -1
  5. data/lib/bootstrapped/version.rb +2 -1
  6. data/vendor/assets/javascripts/bootstrap-alert.js +28 -29
  7. data/vendor/assets/javascripts/bootstrap-button.js +32 -34
  8. data/vendor/assets/javascripts/bootstrap-carousel.js +34 -19
  9. data/vendor/assets/javascripts/bootstrap-collapse.js +47 -26
  10. data/vendor/assets/javascripts/bootstrap-dropdown.js +18 -10
  11. data/vendor/assets/javascripts/bootstrap-modal.js +26 -18
  12. data/vendor/assets/javascripts/bootstrap-popover.js +13 -10
  13. data/vendor/assets/javascripts/bootstrap-scrollspy.js +43 -17
  14. data/vendor/assets/javascripts/bootstrap-tab.js +12 -7
  15. data/vendor/assets/javascripts/bootstrap-tooltip.js +40 -35
  16. data/vendor/assets/javascripts/bootstrap-transition.js +31 -21
  17. data/vendor/assets/javascripts/bootstrap-typeahead.js +30 -16
  18. data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap-responsive.css +808 -0
  19. data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap.css +2314 -850
  20. data/vendor/less/twitter/bootstrap/less/accordion.less +5 -0
  21. data/vendor/less/twitter/bootstrap/less/alerts.less +2 -14
  22. data/vendor/less/twitter/bootstrap/less/bootstrap.less +2 -2
  23. data/vendor/less/twitter/bootstrap/less/breadcrumbs.less +3 -1
  24. data/vendor/less/twitter/bootstrap/less/button-groups.less +78 -34
  25. data/vendor/less/twitter/bootstrap/less/buttons.less +53 -27
  26. data/vendor/less/twitter/bootstrap/less/carousel.less +0 -0
  27. data/vendor/less/twitter/bootstrap/less/close.less +12 -1
  28. data/vendor/less/twitter/bootstrap/less/code.less +18 -5
  29. data/vendor/less/twitter/bootstrap/less/component-animations.less +9 -7
  30. data/vendor/less/twitter/bootstrap/less/dropdowns.less +59 -47
  31. data/vendor/less/twitter/bootstrap/less/forms.less +167 -98
  32. data/vendor/less/twitter/bootstrap/less/grid.less +2 -5
  33. data/vendor/less/twitter/bootstrap/less/hero-unit.less +3 -1
  34. data/vendor/less/twitter/bootstrap/less/labels-badges.less +55 -0
  35. data/vendor/less/twitter/bootstrap/less/layouts.less +1 -1
  36. data/vendor/less/twitter/bootstrap/less/mixins.less +261 -167
  37. data/vendor/less/twitter/bootstrap/less/modals.less +22 -4
  38. data/vendor/less/twitter/bootstrap/less/navbar.less +147 -75
  39. data/vendor/less/twitter/bootstrap/less/navs.less +72 -53
  40. data/vendor/less/twitter/bootstrap/less/pager.less +6 -0
  41. data/vendor/less/twitter/bootstrap/less/pagination.less +1 -0
  42. data/vendor/less/twitter/bootstrap/less/popovers.less +0 -0
  43. data/vendor/less/twitter/bootstrap/less/progress-bars.less +27 -5
  44. data/vendor/less/twitter/bootstrap/less/reset.less +4 -4
  45. data/vendor/less/twitter/bootstrap/less/responsive-1200px-min.less +26 -0
  46. data/vendor/less/twitter/bootstrap/less/responsive-767px-max.less +149 -0
  47. data/vendor/less/twitter/bootstrap/less/responsive-768px-979px.less +17 -0
  48. data/vendor/less/twitter/bootstrap/less/responsive-navbar.less +146 -0
  49. data/vendor/less/twitter/bootstrap/less/responsive-utilities.less +41 -0
  50. data/vendor/less/twitter/bootstrap/less/responsive.less +14 -289
  51. data/vendor/less/twitter/bootstrap/less/scaffolding.less +4 -4
  52. data/vendor/less/twitter/bootstrap/less/sprites.less +47 -12
  53. data/vendor/less/twitter/bootstrap/less/tables.less +59 -22
  54. data/vendor/less/twitter/bootstrap/less/thumbnails.less +15 -3
  55. data/vendor/less/twitter/bootstrap/less/tooltip.less +0 -0
  56. data/vendor/less/twitter/bootstrap/less/type.less +30 -12
  57. data/vendor/less/twitter/bootstrap/less/utilities.less +0 -0
  58. data/vendor/less/twitter/bootstrap/less/variables.less +119 -13
  59. data/vendor/less/twitter/bootstrap/less/wells.less +10 -0
  60. metadata +30 -22
@@ -21,6 +21,11 @@
21
21
  padding: 8px 15px;
22
22
  }
23
23
 
24
+ // General toggle styles
25
+ .accordion-toggle {
26
+ cursor: pointer;
27
+ }
28
+
24
29
  // Inner needs the styles because you can't animate properly with any styles on the element
25
30
  .accordion-inner {
26
31
  padding: 9px 15px;
@@ -9,10 +9,10 @@
9
9
  background-color: @warningBackground;
10
10
  border: 1px solid @warningBorder;
11
11
  .border-radius(4px);
12
+ color: @warningText;
12
13
  }
13
- .alert,
14
14
  .alert-heading {
15
- color: @warningText;
15
+ color: inherit;
16
16
  }
17
17
 
18
18
  // Adjust close link position
@@ -29,32 +29,20 @@
29
29
  .alert-success {
30
30
  background-color: @successBackground;
31
31
  border-color: @successBorder;
32
- }
33
- .alert-success,
34
- .alert-success .alert-heading {
35
32
  color: @successText;
36
33
  }
37
34
  .alert-danger,
38
35
  .alert-error {
39
36
  background-color: @errorBackground;
40
37
  border-color: @errorBorder;
41
- }
42
- .alert-danger,
43
- .alert-error,
44
- .alert-danger .alert-heading,
45
- .alert-error .alert-heading {
46
38
  color: @errorText;
47
39
  }
48
40
  .alert-info {
49
41
  background-color: @infoBackground;
50
42
  border-color: @infoBorder;
51
- }
52
- .alert-info,
53
- .alert-info .alert-heading {
54
43
  color: @infoText;
55
44
  }
56
45
 
57
-
58
46
  // Block alerts
59
47
  // ------------------------
60
48
  .alert-block {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v2.0.0
2
+ * Bootstrap v2.0.3
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -52,7 +52,7 @@
52
52
 
53
53
  // Components: Misc
54
54
  @import "thumbnails.less";
55
- @import "labels.less";
55
+ @import "labels-badges.less";
56
56
  @import "progress-bars.less";
57
57
  @import "accordion.less";
58
58
  @import "carousel.less";
@@ -4,12 +4,14 @@
4
4
  .breadcrumb {
5
5
  padding: 7px 14px;
6
6
  margin: 0 0 @baseLineHeight;
7
+ list-style: none;
7
8
  #gradient > .vertical(@white, #f5f5f5);
8
9
  border: 1px solid #ddd;
9
10
  .border-radius(3px);
10
11
  .box-shadow(inset 0 1px 0 @white);
11
12
  li {
12
- display: inline;
13
+ display: inline-block;
14
+ .ie7-inline-block();
13
15
  text-shadow: 0 1px 0 @white;
14
16
  }
15
17
  .divider {
@@ -25,14 +25,14 @@
25
25
  }
26
26
 
27
27
  // Float them, remove border radius, then re-add to first and last elements
28
- .btn-group .btn {
28
+ .btn-group > .btn {
29
29
  position: relative;
30
30
  float: left;
31
31
  margin-left: -1px;
32
32
  .border-radius(0);
33
33
  }
34
34
  // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
35
- .btn-group .btn:first-child {
35
+ .btn-group > .btn:first-child {
36
36
  margin-left: 0;
37
37
  -webkit-border-top-left-radius: 4px;
38
38
  -moz-border-radius-topleft: 4px;
@@ -41,8 +41,9 @@
41
41
  -moz-border-radius-bottomleft: 4px;
42
42
  border-bottom-left-radius: 4px;
43
43
  }
44
- .btn-group .btn:last-child,
45
- .btn-group .dropdown-toggle {
44
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
45
+ .btn-group > .btn:last-child,
46
+ .btn-group > .dropdown-toggle {
46
47
  -webkit-border-top-right-radius: 4px;
47
48
  -moz-border-radius-topright: 4px;
48
49
  border-top-right-radius: 4px;
@@ -51,7 +52,7 @@
51
52
  border-bottom-right-radius: 4px;
52
53
  }
53
54
  // Reset corners for large buttons
54
- .btn-group .btn.large:first-child {
55
+ .btn-group > .btn.large:first-child {
55
56
  margin-left: 0;
56
57
  -webkit-border-top-left-radius: 6px;
57
58
  -moz-border-radius-topleft: 6px;
@@ -60,8 +61,8 @@
60
61
  -moz-border-radius-bottomleft: 6px;
61
62
  border-bottom-left-radius: 6px;
62
63
  }
63
- .btn-group .btn.large:last-child,
64
- .btn-group .large.dropdown-toggle {
64
+ .btn-group > .btn.large:last-child,
65
+ .btn-group > .large.dropdown-toggle {
65
66
  -webkit-border-top-right-radius: 6px;
66
67
  -moz-border-radius-topright: 6px;
67
68
  border-top-right-radius: 6px;
@@ -71,10 +72,10 @@
71
72
  }
72
73
 
73
74
  // On hover/focus/active, bring the proper btn to front
74
- .btn-group .btn:hover,
75
- .btn-group .btn:focus,
76
- .btn-group .btn:active,
77
- .btn-group .btn.active {
75
+ .btn-group > .btn:hover,
76
+ .btn-group > .btn:focus,
77
+ .btn-group > .btn:active,
78
+ .btn-group > .btn.active {
78
79
  z-index: 2;
79
80
  }
80
81
 
@@ -90,34 +91,60 @@
90
91
  // ----------------------
91
92
 
92
93
  // Give the line between buttons some depth
93
- .btn-group .dropdown-toggle {
94
+ .btn-group > .dropdown-toggle {
94
95
  padding-left: 8px;
95
96
  padding-right: 8px;
96
- @shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
97
- .box-shadow(@shadow);
98
- *padding-top: 5px;
99
- *padding-bottom: 5px;
97
+ .box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
98
+ *padding-top: 4px;
99
+ *padding-bottom: 4px;
100
+ }
101
+ .btn-group > .btn-mini.dropdown-toggle {
102
+ padding-left: 5px;
103
+ padding-right: 5px;
104
+ }
105
+ .btn-group > .btn-small.dropdown-toggle {
106
+ *padding-top: 4px;
107
+ *padding-bottom: 4px;
108
+ }
109
+ .btn-group > .btn-large.dropdown-toggle {
110
+ padding-left: 12px;
111
+ padding-right: 12px;
100
112
  }
101
113
 
102
114
  .btn-group.open {
103
- // IE7's z-index only goes to the nearest positioned ancestor, which would
104
- // make the menu appear below buttons that appeared later on the page
105
- *z-index: @zindexDropdown;
106
-
107
- // Reposition menu on open and round all corners
108
- .dropdown-menu {
109
- display: block;
110
- margin-top: 1px;
111
- .border-radius(5px);
112
- }
113
115
 
116
+ // The clickable button for toggling the menu
117
+ // Remove the gradient and set the same inset shadow as the :active state
114
118
  .dropdown-toggle {
115
119
  background-image: none;
116
- @shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
117
- .box-shadow(@shadow);
120
+ .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
121
+ }
122
+
123
+ // Keep the hover's background when dropdown is open
124
+ .btn.dropdown-toggle {
125
+ background-color: @btnBackgroundHighlight;
126
+ }
127
+ .btn-primary.dropdown-toggle {
128
+ background-color: @btnPrimaryBackgroundHighlight;
129
+ }
130
+ .btn-warning.dropdown-toggle {
131
+ background-color: @btnWarningBackgroundHighlight;
132
+ }
133
+ .btn-danger.dropdown-toggle {
134
+ background-color: @btnDangerBackgroundHighlight;
135
+ }
136
+ .btn-success.dropdown-toggle {
137
+ background-color: @btnSuccessBackgroundHighlight;
138
+ }
139
+ .btn-info.dropdown-toggle {
140
+ background-color: @btnInfoBackgroundHighlight;
141
+ }
142
+ .btn-inverse.dropdown-toggle {
143
+ background-color: @btnInverseBackgroundHighlight;
118
144
  }
119
145
  }
120
146
 
147
+
121
148
  // Reposition the caret
122
149
  .btn .caret {
123
150
  margin-top: 7px;
@@ -127,21 +154,38 @@
127
154
  .open.btn-group .caret {
128
155
  .opacity(100);
129
156
  }
157
+ // Carets in other button sizes
158
+ .btn-mini .caret {
159
+ margin-top: 5px;
160
+ }
161
+ .btn-small .caret {
162
+ margin-top: 6px;
163
+ }
164
+ .btn-large .caret {
165
+ margin-top: 6px;
166
+ border-left-width: 5px;
167
+ border-right-width: 5px;
168
+ border-top-width: 5px;
169
+ }
170
+ // Upside down carets for .dropup
171
+ .dropup .btn-large .caret {
172
+ border-bottom: 5px solid @black;
173
+ border-top: 0;
174
+ }
175
+
130
176
 
131
177
 
132
178
  // Account for other colors
133
179
  .btn-primary,
180
+ .btn-warning,
134
181
  .btn-danger,
135
182
  .btn-info,
136
- .btn-success {
183
+ .btn-success,
184
+ .btn-inverse {
137
185
  .caret {
138
186
  border-top-color: @white;
187
+ border-bottom-color: @white;
139
188
  .opacity(75);
140
189
  }
141
190
  }
142
191
 
143
- // Small button dropdowns
144
- .btn-small .caret {
145
- margin-top: 4px;
146
- }
147
-
@@ -8,22 +8,24 @@
8
8
  // Core
9
9
  .btn {
10
10
  display: inline-block;
11
+ .ie7-inline-block();
11
12
  padding: 4px 10px 4px;
13
+ margin-bottom: 0; // For input.btn
12
14
  font-size: @baseFontSize;
13
15
  line-height: @baseLineHeight;
16
+ *line-height: 20px;
14
17
  color: @grayDark;
15
18
  text-align: center;
16
19
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
17
- #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
18
- border: 1px solid #ccc;
19
- border-bottom-color: #bbb;
20
- .border-radius(4px);
21
- @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
22
- .box-shadow(@shadow);
20
+ vertical-align: middle;
23
21
  cursor: pointer;
24
-
25
- // Give IE7 some love
26
- .ie7-restore-left-whitespace();
22
+ .buttonBackground(@btnBackground, @btnBackgroundHighlight);
23
+ border: 1px solid @btnBorder;
24
+ *border: 0; // Remove the border to prevent IE7's black border on input:focus
25
+ border-bottom-color: darken(@btnBorder, 10%);
26
+ .border-radius(4px);
27
+ .ie7-restore-left-whitespace(); // Give IE7 some love
28
+ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
27
29
  }
28
30
 
29
31
  // Hover state
@@ -31,6 +33,7 @@
31
33
  color: @grayDark;
32
34
  text-decoration: none;
33
35
  background-color: darken(@white, 10%);
36
+ *background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
34
37
  background-position: 0 -15px;
35
38
 
36
39
  // transition is only when going to hover, otherwise the background
@@ -46,21 +49,19 @@
46
49
  // Active state
47
50
  .btn.active,
48
51
  .btn:active {
49
- background-image: none;
50
- @shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
51
- .box-shadow(@shadow);
52
52
  background-color: darken(@white, 10%);
53
53
  background-color: darken(@white, 15%) e("\9");
54
- color: rgba(0,0,0,.5);
54
+ background-image: none;
55
55
  outline: 0;
56
+ .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
56
57
  }
57
58
 
58
59
  // Disabled state
59
60
  .btn.disabled,
60
61
  .btn[disabled] {
61
62
  cursor: default;
62
- background-image: none;
63
63
  background-color: darken(@white, 10%);
64
+ background-image: none;
64
65
  .opacity(65);
65
66
  .box-shadow(none);
66
67
  }
@@ -76,7 +77,7 @@
76
77
  line-height: normal;
77
78
  .border-radius(5px);
78
79
  }
79
- .btn-large .icon {
80
+ .btn-large [class^="icon-"] {
80
81
  margin-top: 1px;
81
82
  }
82
83
 
@@ -86,10 +87,17 @@
86
87
  font-size: @baseFontSize - 2px;
87
88
  line-height: @baseLineHeight - 2px;
88
89
  }
89
- .btn-small .icon {
90
+ .btn-small [class^="icon-"] {
90
91
  margin-top: -1px;
91
92
  }
92
93
 
94
+ // Mini
95
+ .btn-mini {
96
+ padding: 2px 6px;
97
+ font-size: @baseFontSize - 2px;
98
+ line-height: @baseLineHeight - 4px;
99
+ }
100
+
93
101
 
94
102
  // Alternate buttons
95
103
  // --------------------------------------------------
@@ -105,39 +113,51 @@
105
113
  .btn-success,
106
114
  .btn-success:hover,
107
115
  .btn-info,
108
- .btn-info:hover {
109
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
116
+ .btn-info:hover,
117
+ .btn-inverse,
118
+ .btn-inverse:hover {
110
119
  color: @white;
120
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
111
121
  }
112
122
  // Provide *some* extra contrast for those who can get it
113
123
  .btn-primary.active,
114
124
  .btn-warning.active,
115
125
  .btn-danger.active,
116
126
  .btn-success.active,
117
- .btn-info.active {
127
+ .btn-info.active,
128
+ .btn-inverse.active {
118
129
  color: rgba(255,255,255,.75);
119
130
  }
120
131
 
121
132
  // Set the backgrounds
122
133
  // -------------------------
134
+ .btn {
135
+ // reset here as of 2.0.3 due to Recess property order
136
+ border-color: #ccc;
137
+ border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
138
+ }
123
139
  .btn-primary {
124
- .buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 20));
140
+ .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
125
141
  }
126
142
  // Warning appears are orange
127
143
  .btn-warning {
128
- .buttonBackground(lighten(@orange, 15%), @orange);
144
+ .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
129
145
  }
130
146
  // Danger and error appear as red
131
147
  .btn-danger {
132
- .buttonBackground(#ee5f5b, #bd362f);
148
+ .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
133
149
  }
134
150
  // Success appears as green
135
151
  .btn-success {
136
- .buttonBackground(#62c462, #51a351);
152
+ .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
137
153
  }
138
154
  // Info appears as a neutral blue
139
155
  .btn-info {
140
- .buttonBackground(#5bc0de, #2f96b4);
156
+ .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
157
+ }
158
+ // Inverse appears as dark gray
159
+ .btn-inverse {
160
+ .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
141
161
  }
142
162
 
143
163
 
@@ -146,20 +166,26 @@
146
166
 
147
167
  button.btn,
148
168
  input[type="submit"].btn {
169
+
170
+ // Firefox 3.6 only I believe
149
171
  &::-moz-focus-inner {
150
- padding: 0;
172
+ padding: 0;
151
173
  border: 0;
152
174
  }
153
175
 
154
176
  // IE7 has some default padding on button controls
155
177
  *padding-top: 2px;
156
178
  *padding-bottom: 2px;
157
- &.large {
179
+ &.btn-large {
158
180
  *padding-top: 7px;
159
181
  *padding-bottom: 7px;
160
182
  }
161
- &.small {
183
+ &.btn-small {
162
184
  *padding-top: 3px;
163
185
  *padding-bottom: 3px;
164
186
  }
187
+ &.btn-mini {
188
+ *padding-top: 1px;
189
+ *padding-bottom: 1px;
190
+ }
165
191
  }
File without changes
@@ -12,7 +12,18 @@
12
12
  &:hover {
13
13
  color: @black;
14
14
  text-decoration: none;
15
- .opacity(40);
16
15
  cursor: pointer;
16
+ .opacity(40);
17
17
  }
18
18
  }
19
+
20
+ // Additional properties for button version
21
+ // iOS requires the button element instead of an anchor tag.
22
+ // If you want the anchor version, it requires `href="#"`.
23
+ button.close {
24
+ padding: 0;
25
+ cursor: pointer;
26
+ background: transparent;
27
+ border: 0;
28
+ -webkit-appearance: none;
29
+ }
@@ -11,25 +11,30 @@ pre {
11
11
  color: @grayDark;
12
12
  .border-radius(3px);
13
13
  }
14
+
15
+ // Inline code
14
16
  code {
15
- padding: 3px 4px;
17
+ padding: 2px 4px;
16
18
  color: #d14;
17
19
  background-color: #f7f7f9;
18
20
  border: 1px solid #e1e1e8;
19
21
  }
22
+
23
+ // Blocks of code
20
24
  pre {
21
25
  display: block;
22
26
  padding: (@baseLineHeight - 1) / 2;
23
27
  margin: 0 0 @baseLineHeight / 2;
24
- font-size: 12px;
28
+ font-size: @baseFontSize * .925; // 13px to 12px
25
29
  line-height: @baseLineHeight;
30
+ word-break: break-all;
31
+ word-wrap: break-word;
32
+ white-space: pre;
33
+ white-space: pre-wrap;
26
34
  background-color: #f5f5f5;
27
35
  border: 1px solid #ccc; // fallback for IE7-8
28
36
  border: 1px solid rgba(0,0,0,.15);
29
37
  .border-radius(4px);
30
- white-space: pre;
31
- white-space: pre-wrap;
32
- word-break: break-all;
33
38
 
34
39
  // Make prettyprint styles more spaced out for readability
35
40
  &.prettyprint {
@@ -39,6 +44,14 @@ pre {
39
44
  // Account for some code outputs that place code tags in pre tags
40
45
  code {
41
46
  padding: 0;
47
+ color: inherit;
42
48
  background-color: transparent;
49
+ border: 0;
43
50
  }
44
51
  }
52
+
53
+ // Enable scrollable blocks of code
54
+ .pre-scrollable {
55
+ max-height: 340px;
56
+ overflow-y: scroll;
57
+ }
@@ -2,17 +2,19 @@
2
2
  // --------------------
3
3
 
4
4
  .fade {
5
+ .opacity(0);
5
6
  .transition(opacity .15s linear);
6
- opacity: 0;
7
7
  &.in {
8
- opacity: 1;
8
+ .opacity(100);
9
9
  }
10
10
  }
11
11
 
12
12
  .collapse {
13
- .transition(height .35s ease);
14
- position:relative;
15
- overflow:hidden;
13
+ position: relative;
16
14
  height: 0;
17
- &.in { height: auto; }
18
- }
15
+ overflow: hidden;
16
+ .transition(height .35s ease);
17
+ &.in {
18
+ height: auto;
19
+ }
20
+ }