twbs_sass_rails 6.0.0 → 7.0.0

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 (73) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +6 -0
  3. data/README.md +1 -1
  4. data/lib/twbs_sass_rails/version.rb +1 -1
  5. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +7 -5
  6. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +6 -5
  7. data/vendor/assets/javascripts/twbs/bootstrap/button.js +4 -4
  8. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +16 -7
  9. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +6 -6
  10. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +5 -5
  11. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +43 -24
  12. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +6 -6
  13. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +4 -4
  14. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +10 -10
  15. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +6 -6
  16. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +5 -5
  17. data/vendor/assets/javascripts/twbs/bootstrap.js +3 -3
  18. data/vendor/assets/stylesheets/fontawesome/_path.scss +7 -7
  19. data/vendor/assets/stylesheets/twbs/_bootstrap.scss +2 -2
  20. data/vendor/assets/stylesheets/twbs/bootstrap/_alerts.scss +3 -3
  21. data/vendor/assets/stylesheets/twbs/bootstrap/_badges.scss +3 -3
  22. data/vendor/assets/stylesheets/twbs/bootstrap/_breadcrumbs.scss +2 -2
  23. data/vendor/assets/stylesheets/twbs/bootstrap/_button-groups.scss +5 -5
  24. data/vendor/assets/stylesheets/twbs/bootstrap/_buttons.scss +4 -4
  25. data/vendor/assets/stylesheets/twbs/bootstrap/_carousel.scss +26 -25
  26. data/vendor/assets/stylesheets/twbs/bootstrap/_close.scss +1 -0
  27. data/vendor/assets/stylesheets/twbs/bootstrap/_code.scss +3 -3
  28. data/vendor/assets/stylesheets/twbs/bootstrap/_component-animations.scss +1 -0
  29. data/vendor/assets/stylesheets/twbs/bootstrap/_dropdowns.scss +20 -23
  30. data/vendor/assets/stylesheets/twbs/bootstrap/_forms.scss +47 -57
  31. data/vendor/assets/stylesheets/twbs/bootstrap/_glyphicons.scss +9 -9
  32. data/vendor/assets/stylesheets/twbs/bootstrap/_grid.scss +10 -0
  33. data/vendor/assets/stylesheets/twbs/bootstrap/_input-groups.scss +2 -2
  34. data/vendor/assets/stylesheets/twbs/bootstrap/_jumbotron.scss +5 -5
  35. data/vendor/assets/stylesheets/twbs/bootstrap/_labels.scss +1 -1
  36. data/vendor/assets/stylesheets/twbs/bootstrap/_list-group.scss +30 -32
  37. data/vendor/assets/stylesheets/twbs/bootstrap/_media.scss +1 -1
  38. data/vendor/assets/stylesheets/twbs/bootstrap/_modals.scss +6 -6
  39. data/vendor/assets/stylesheets/twbs/bootstrap/_navbar.scss +75 -81
  40. data/vendor/assets/stylesheets/twbs/bootstrap/_navs.scss +4 -4
  41. data/vendor/assets/stylesheets/twbs/bootstrap/_normalize.scss +5 -2
  42. data/vendor/assets/stylesheets/twbs/bootstrap/_pager.scss +2 -2
  43. data/vendor/assets/stylesheets/twbs/bootstrap/_pagination.scss +12 -15
  44. data/vendor/assets/stylesheets/twbs/bootstrap/_panels.scss +4 -4
  45. data/vendor/assets/stylesheets/twbs/bootstrap/_popovers.scss +47 -52
  46. data/vendor/assets/stylesheets/twbs/bootstrap/_print.scss +90 -92
  47. data/vendor/assets/stylesheets/twbs/bootstrap/_progress-bars.scss +3 -3
  48. data/vendor/assets/stylesheets/twbs/bootstrap/_responsive-embed.scss +2 -2
  49. data/vendor/assets/stylesheets/twbs/bootstrap/_responsive-utilities.scss +3 -3
  50. data/vendor/assets/stylesheets/twbs/bootstrap/_scaffolding.scss +7 -7
  51. data/vendor/assets/stylesheets/twbs/bootstrap/_tables.scss +23 -23
  52. data/vendor/assets/stylesheets/twbs/bootstrap/_theme.scss +21 -17
  53. data/vendor/assets/stylesheets/twbs/bootstrap/_thumbnails.scss +1 -1
  54. data/vendor/assets/stylesheets/twbs/bootstrap/_tooltip.scss +38 -27
  55. data/vendor/assets/stylesheets/twbs/bootstrap/_type.scss +10 -10
  56. data/vendor/assets/stylesheets/twbs/bootstrap/_variables.scss +6 -6
  57. data/vendor/assets/stylesheets/twbs/bootstrap/_wells.scss +2 -2
  58. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_alerts.scss +2 -1
  59. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_border-radius.scss +4 -4
  60. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_buttons.scss +6 -10
  61. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_center-block.scss +1 -1
  62. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_clearfix.scss +1 -1
  63. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_forms.scss +4 -4
  64. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_gradients.scss +6 -8
  65. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_grid-framework.scss +1 -1
  66. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_grid.scss +7 -7
  67. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_image.scss +5 -10
  68. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_opacity.scss +2 -3
  69. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_reset-text.scss +4 -4
  70. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_resize.scss +1 -1
  71. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_responsive-visibility.scss +0 -4
  72. data/vendor/assets/stylesheets/twbs/bootstrap/mixins/_vendor-prefixes.scss +1 -1
  73. metadata +8 -8
@@ -1,9 +1,9 @@
1
1
  /* ========================================================================
2
- * Bootstrap: tooltip.js v3.3.7
3
- * http://getbootstrap.com/javascript/#tooltip
2
+ * Bootstrap: tooltip.js v3.4.0
3
+ * https://getbootstrap.com/docs/3.4/javascript/#tooltip
4
4
  * Inspired by the original jQuery.tipsy by Jason Frame
5
5
  * ========================================================================
6
- * Copyright 2011-2016 Twitter, Inc.
6
+ * Copyright 2011-2018 Twitter, Inc.
7
7
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
8
8
  * ======================================================================== */
9
9
 
@@ -26,7 +26,7 @@
26
26
  this.init('tooltip', element, options)
27
27
  }
28
28
 
29
- Tooltip.VERSION = '3.3.7'
29
+ Tooltip.VERSION = '3.4.0'
30
30
 
31
31
  Tooltip.TRANSITION_DURATION = 150
32
32
 
@@ -51,7 +51,7 @@
51
51
  this.type = type
52
52
  this.$element = $(element)
53
53
  this.options = this.getOptions(options)
54
- this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
54
+ this.$viewport = this.options.viewport && $(document).find($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
55
55
  this.inState = { click: false, hover: false, focus: false }
56
56
 
57
57
  if (this.$element[0] instanceof document.constructor && !this.options.selector) {
@@ -204,7 +204,7 @@
204
204
  .addClass(placement)
205
205
  .data('bs.' + this.type, this)
206
206
 
207
- this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
207
+ this.options.container ? $tip.appendTo($(document).find(this.options.container)) : $tip.insertAfter(this.$element)
208
208
  this.$element.trigger('inserted.bs.' + this.type)
209
209
 
210
210
  var pos = this.getPosition()
@@ -1,8 +1,8 @@
1
1
  /* ========================================================================
2
- * Bootstrap: transition.js v3.3.7
3
- * http://getbootstrap.com/javascript/#transitions
2
+ * Bootstrap: transition.js v3.4.0
3
+ * https://getbootstrap.com/docs/3.4/javascript/#transitions
4
4
  * ========================================================================
5
- * Copyright 2011-2016 Twitter, Inc.
5
+ * Copyright 2011-2018 Twitter, Inc.
6
6
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
7
7
  * ======================================================================== */
8
8
 
@@ -10,7 +10,7 @@
10
10
  +function ($) {
11
11
  'use strict';
12
12
 
13
- // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
13
+ // CSS TRANSITION SUPPORT (Shoutout: https://modernizr.com/)
14
14
  // ============================================================
15
15
 
16
16
  function transitionEnd() {
@@ -32,7 +32,7 @@
32
32
  return false // explicit for ie8 ( ._.)
33
33
  }
34
34
 
35
- // http://blog.alexmaccaw.com/css-transitions
35
+ // https://blog.alexmaccaw.com/css-transitions
36
36
  $.fn.emulateTransitionEnd = function (duration) {
37
37
  var called = false
38
38
  var $el = this
@@ -1,12 +1,12 @@
1
- //= require ./bootstrap/transition
1
+ //= require ./bootstrap/affix
2
2
  //= require ./bootstrap/alert
3
3
  //= require ./bootstrap/button
4
4
  //= require ./bootstrap/carousel
5
5
  //= require ./bootstrap/collapse
6
6
  //= require ./bootstrap/dropdown
7
7
  //= require ./bootstrap/modal
8
- //= require ./bootstrap/tab
9
- //= require ./bootstrap/affix
10
8
  //= require ./bootstrap/scrollspy
9
+ //= require ./bootstrap/tab
10
+ //= require ./bootstrap/transition
11
11
  //= require ./bootstrap/tooltip
12
12
  //= require ./bootstrap/popover
@@ -2,13 +2,13 @@
2
2
  * -------------------------- */
3
3
 
4
4
  @font-face {
5
- font-family: 'FontAwesome';
6
- src: font-url('fontawesome-webfont.eot');
7
- src: font-url('fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
8
- font-url('fontawesome-webfont.woff2') format('woff2'),
9
- font-url('fontawesome-webfont.woff') format('woff'),
10
- font-url('fontawesome-webfont.ttf') format('truetype'),
11
- font-url('fontawesome-webfont.svg#fontawesomeregular') format('svg');
5
+ font-family: "FontAwesome";
6
+ src: font-url("fontawesome-webfont.eot");
7
+ src: font-url("fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
8
+ font-url("fontawesome-webfont.woff2") format("woff2"),
9
+ font-url("fontawesome-webfont.woff") format("woff"),
10
+ font-url("fontawesome-webfont.ttf") format("truetype"),
11
+ font-url("fontawesome-webfont.svg#fontawesomeregular") format("svg");
12
12
 
13
13
  font-weight: normal;
14
14
  font-style: normal;
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Bootstrap v3.3.7 (http://getbootstrap.com)
3
- * Copyright 2011-2016 Twitter, Inc.
2
+ * Bootstrap v3.4.0 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 Twitter, Inc.
4
4
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5
5
  */
6
6
 
@@ -15,8 +15,7 @@
15
15
  // Headings for larger alerts
16
16
  h4 {
17
17
  margin-top: 0;
18
- // Specified for the h4 to prevent conflicts of changing $headings-color
19
- color: inherit;
18
+ color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color
20
19
  }
21
20
 
22
21
  // Provide class for links that match alerts
@@ -39,7 +38,8 @@
39
38
  //
40
39
  // Expand the right padding and account for the close button's positioning.
41
40
 
42
- .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
41
+ // The misspelled .alert-dismissable was deprecated in 3.2.0.
42
+ .alert-dismissable,
43
43
  .alert-dismissible {
44
44
  padding-right: ($alert-padding + 20);
45
45
 
@@ -10,11 +10,11 @@
10
10
  padding: 3px 7px;
11
11
  font-size: $font-size-small;
12
12
  font-weight: $badge-font-weight;
13
- color: $badge-color;
14
13
  line-height: $badge-line-height;
15
- vertical-align: middle;
16
- white-space: nowrap;
14
+ color: $badge-color;
17
15
  text-align: center;
16
+ white-space: nowrap;
17
+ vertical-align: middle;
18
18
  background-color: $badge-bg;
19
19
  border-radius: $badge-border-radius;
20
20
 
@@ -14,11 +14,11 @@
14
14
  display: inline-block;
15
15
 
16
16
  + li:before {
17
+ padding: 0 5px;
18
+ color: $breadcrumb-color;
17
19
  // [converter] Workaround for https://github.com/sass/libsass/issues/1115
18
20
  $nbsp: "\00a0";
19
21
  content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
20
- padding: 0 5px;
21
- color: $breadcrumb-color;
22
22
  }
23
23
  }
24
24
 
@@ -103,18 +103,18 @@
103
103
 
104
104
  // Give the line between buttons some depth
105
105
  .btn-group > .btn + .dropdown-toggle {
106
- padding-left: 8px;
107
106
  padding-right: 8px;
107
+ padding-left: 8px;
108
108
  }
109
109
  .btn-group > .btn-lg + .dropdown-toggle {
110
- padding-left: 12px;
111
110
  padding-right: 12px;
111
+ padding-left: 12px;
112
112
  }
113
113
 
114
114
  // The clickable button for toggling the menu
115
115
  // Remove the gradient and set the same inset shadow as the :active state
116
116
  .btn-group.open .dropdown-toggle {
117
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
117
+ @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
118
118
 
119
119
  // Show no shadow for `.btn-link` since it has no other button styles.
120
120
  &.btn-link {
@@ -205,8 +205,8 @@
205
205
  border-collapse: separate;
206
206
  > .btn,
207
207
  > .btn-group {
208
- float: none;
209
208
  display: table-cell;
209
+ float: none;
210
210
  width: 1%;
211
211
  }
212
212
  > .btn-group .btn {
@@ -237,7 +237,7 @@
237
237
  input[type="radio"],
238
238
  input[type="checkbox"] {
239
239
  position: absolute;
240
- clip: rect(0,0,0,0);
240
+ clip: rect(0, 0, 0, 0);
241
241
  pointer-events: none;
242
242
  }
243
243
  }
@@ -11,12 +11,12 @@
11
11
  margin-bottom: 0; // For input.btn
12
12
  font-weight: $btn-font-weight;
13
13
  text-align: center;
14
+ white-space: nowrap;
14
15
  vertical-align: middle;
15
16
  touch-action: manipulation;
16
17
  cursor: pointer;
17
18
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
18
19
  border: 1px solid transparent;
19
- white-space: nowrap;
20
20
  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
21
21
  @include user-select(none);
22
22
 
@@ -38,9 +38,9 @@
38
38
 
39
39
  &:active,
40
40
  &.active {
41
- outline: 0;
42
41
  background-image: none;
43
- @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
42
+ outline: 0;
43
+ @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
44
44
  }
45
45
 
46
46
  &.disabled,
@@ -94,8 +94,8 @@ a.btn {
94
94
 
95
95
  // Make a button look and behave like a link
96
96
  .btn-link {
97
+ font-weight: 400;
97
98
  color: $link-color;
98
- font-weight: normal;
99
99
  border-radius: 0;
100
100
 
101
101
  &,
@@ -10,12 +10,12 @@
10
10
 
11
11
  .carousel-inner {
12
12
  position: relative;
13
- overflow: hidden;
14
13
  width: 100%;
14
+ overflow: hidden;
15
15
 
16
16
  > .item {
17
- display: none;
18
17
  position: relative;
18
+ display: none;
19
19
  @include transition(.6s ease-in-out left);
20
20
 
21
21
  // Account for jankitude on images
@@ -93,34 +93,34 @@
93
93
  .carousel-control {
94
94
  position: absolute;
95
95
  top: 0;
96
- left: 0;
97
96
  bottom: 0;
97
+ left: 0;
98
98
  width: $carousel-control-width;
99
- @include opacity($carousel-control-opacity);
100
99
  font-size: $carousel-control-font-size;
101
100
  color: $carousel-control-color;
102
101
  text-align: center;
103
102
  text-shadow: $carousel-text-shadow;
104
103
  background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
104
+ @include opacity($carousel-control-opacity);
105
105
  // We can't have this transition here because WebKit cancels the carousel
106
106
  // animation if you trip this while in the middle of another animation.
107
107
 
108
108
  // Set gradients for backgrounds
109
109
  &.left {
110
- @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
110
+ @include gradient-horizontal($start-color: rgba(0, 0, 0, .5), $end-color: rgba(0, 0, 0, .0001));
111
111
  }
112
112
  &.right {
113
- left: auto;
114
113
  right: 0;
115
- @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
114
+ left: auto;
115
+ @include gradient-horizontal($start-color: rgba(0, 0, 0, .0001), $end-color: rgba(0, 0, 0, .5));
116
116
  }
117
117
 
118
118
  // Hover/focus state
119
119
  &:hover,
120
120
  &:focus {
121
- outline: 0;
122
121
  color: $carousel-control-color;
123
122
  text-decoration: none;
123
+ outline: 0;
124
124
  @include opacity(.9);
125
125
  }
126
126
 
@@ -131,9 +131,9 @@
131
131
  .glyphicon-chevron-right {
132
132
  position: absolute;
133
133
  top: 50%;
134
- margin-top: -10px;
135
134
  z-index: 5;
136
135
  display: inline-block;
136
+ margin-top: -10px;
137
137
  }
138
138
  .icon-prev,
139
139
  .glyphicon-chevron-left {
@@ -147,21 +147,20 @@
147
147
  }
148
148
  .icon-prev,
149
149
  .icon-next {
150
- width: 20px;
150
+ width: 20px;
151
151
  height: 20px;
152
- line-height: 1;
153
152
  font-family: serif;
153
+ line-height: 1;
154
154
  }
155
155
 
156
-
157
156
  .icon-prev {
158
157
  &:before {
159
- content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
158
+ content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
160
159
  }
161
160
  }
162
161
  .icon-next {
163
162
  &:before {
164
- content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
163
+ content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
165
164
  }
166
165
  }
167
166
  }
@@ -177,21 +176,18 @@
177
176
  left: 50%;
178
177
  z-index: 15;
179
178
  width: 60%;
180
- margin-left: -30%;
181
179
  padding-left: 0;
182
- list-style: none;
180
+ margin-left: -30%;
183
181
  text-align: center;
182
+ list-style: none;
184
183
 
185
184
  li {
186
185
  display: inline-block;
187
- width: 10px;
186
+ width: 10px;
188
187
  height: 10px;
189
188
  margin: 1px;
190
189
  text-indent: -999px;
191
- border: 1px solid $carousel-indicator-border-color;
192
- border-radius: 10px;
193
190
  cursor: pointer;
194
-
195
191
  // IE8-9 hack for event handling
196
192
  //
197
193
  // Internet Explorer 8-9 does not support clicks on elements without a set
@@ -202,12 +198,16 @@
202
198
  // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
203
199
  // set alpha transparency for the best results possible.
204
200
  background-color: #000 \9; // IE8
205
- background-color: rgba(0,0,0,0); // IE9
201
+ background-color: rgba(0, 0, 0, 0); // IE9
202
+
203
+ border: 1px solid $carousel-indicator-border-color;
204
+ border-radius: 10px;
206
205
  }
206
+
207
207
  .active {
208
- margin: 0;
209
- width: 12px;
208
+ width: 12px;
210
209
  height: 12px;
210
+ margin: 0;
211
211
  background-color: $carousel-indicator-active-bg;
212
212
  }
213
213
  }
@@ -217,15 +217,16 @@
217
217
  // Hidden by default for smaller viewports
218
218
  .carousel-caption {
219
219
  position: absolute;
220
- left: 15%;
221
220
  right: 15%;
222
221
  bottom: 20px;
222
+ left: 15%;
223
223
  z-index: 10;
224
224
  padding-top: 20px;
225
225
  padding-bottom: 20px;
226
226
  color: $carousel-caption-color;
227
227
  text-align: center;
228
228
  text-shadow: $carousel-text-shadow;
229
+
229
230
  & .btn {
230
231
  text-shadow: none; // No shadow for button elements in carousel-caption
231
232
  }
@@ -258,8 +259,8 @@
258
259
 
259
260
  // Show and left align the captions
260
261
  .carousel-caption {
261
- left: 20%;
262
262
  right: 20%;
263
+ left: 20%;
263
264
  padding-bottom: 30px;
264
265
  }
265
266
 
@@ -33,4 +33,5 @@ button.close {
33
33
  background: transparent;
34
34
  border: 0;
35
35
  -webkit-appearance: none;
36
+ appearance: none;
36
37
  }
@@ -27,12 +27,12 @@ kbd {
27
27
  color: $kbd-color;
28
28
  background-color: $kbd-bg;
29
29
  border-radius: $border-radius-small;
30
- box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
30
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
31
31
 
32
32
  kbd {
33
33
  padding: 0;
34
34
  font-size: 100%;
35
- font-weight: bold;
35
+ font-weight: 700;
36
36
  box-shadow: none;
37
37
  }
38
38
  }
@@ -44,9 +44,9 @@ pre {
44
44
  margin: 0 0 ($line-height-computed / 2);
45
45
  font-size: ($font-size-base - 1); // 14px to 13px
46
46
  line-height: $line-height-base;
47
+ color: $pre-color;
47
48
  word-break: break-all;
48
49
  word-wrap: break-word;
49
- color: $pre-color;
50
50
  background-color: $pre-bg;
51
51
  border: 1px solid $pre-border-color;
52
52
  border-radius: $border-radius-base;
@@ -10,6 +10,7 @@
10
10
  .fade {
11
11
  opacity: 0;
12
12
  @include transition(opacity .15s linear);
13
+
13
14
  &.in {
14
15
  opacity: 1;
15
16
  }