bootswatch-sass 3.3.2 → 3.3.5

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 (90) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/bootstrap/affix.js +5 -5
  3. data/assets/javascripts/bootstrap/alert.js +2 -2
  4. data/assets/javascripts/bootstrap/button.js +13 -9
  5. data/assets/javascripts/bootstrap/carousel.js +6 -6
  6. data/assets/javascripts/bootstrap/collapse.js +7 -7
  7. data/assets/javascripts/bootstrap/dropdown.js +47 -43
  8. data/assets/javascripts/bootstrap/modal.js +44 -31
  9. data/assets/javascripts/bootstrap/popover.js +3 -8
  10. data/assets/javascripts/bootstrap/scrollspy.js +17 -20
  11. data/assets/javascripts/bootstrap/tab.js +6 -4
  12. data/assets/javascripts/bootstrap/tooltip.js +73 -31
  13. data/assets/javascripts/bootstrap/transition.js +1 -1
  14. data/assets/stylesheets/_bootstrap.scss +6 -0
  15. data/assets/stylesheets/bootstrap/_alerts.scss +2 -2
  16. data/assets/stylesheets/bootstrap/_badges.scss +7 -6
  17. data/assets/stylesheets/bootstrap/_button-groups.scss +3 -2
  18. data/assets/stylesheets/bootstrap/_buttons.scss +13 -5
  19. data/assets/stylesheets/bootstrap/_carousel.scss +2 -2
  20. data/assets/stylesheets/bootstrap/_component-animations.scss +1 -2
  21. data/assets/stylesheets/bootstrap/_dropdowns.scss +4 -2
  22. data/assets/stylesheets/bootstrap/_forms.scss +56 -15
  23. data/assets/stylesheets/bootstrap/_glyphicons.scss +15 -9
  24. data/assets/stylesheets/bootstrap/_input-groups.scss +1 -0
  25. data/assets/stylesheets/bootstrap/_jumbotron.scss +6 -4
  26. data/assets/stylesheets/bootstrap/_list-group.scss +9 -3
  27. data/assets/stylesheets/bootstrap/_media.scss +5 -0
  28. data/assets/stylesheets/bootstrap/_mixins.scss +1 -0
  29. data/assets/stylesheets/bootstrap/_modals.scss +3 -1
  30. data/assets/stylesheets/bootstrap/_navbar.scss +0 -1
  31. data/assets/stylesheets/bootstrap/_navs.scss +0 -2
  32. data/assets/stylesheets/bootstrap/_normalize.scss +8 -11
  33. data/assets/stylesheets/bootstrap/_pagination.scss +3 -2
  34. data/assets/stylesheets/bootstrap/_panels.scss +6 -0
  35. data/assets/stylesheets/bootstrap/_popovers.scss +4 -8
  36. data/assets/stylesheets/bootstrap/_print.scss +0 -6
  37. data/assets/stylesheets/bootstrap/_responsive-embed.scss +8 -8
  38. data/assets/stylesheets/bootstrap/_responsive-utilities.scss +4 -2
  39. data/assets/stylesheets/bootstrap/_scaffolding.scss +11 -0
  40. data/assets/stylesheets/bootstrap/_theme.scss +23 -5
  41. data/assets/stylesheets/bootstrap/_tooltip.scss +4 -6
  42. data/assets/stylesheets/bootstrap/_type.scss +1 -1
  43. data/assets/stylesheets/bootstrap/_utilities.scss +0 -1
  44. data/assets/stylesheets/bootstrap/_variables.scss +12 -2
  45. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +2 -1
  46. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +18 -2
  47. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +2 -2
  48. data/assets/stylesheets/bootstrap/mixins/_grid.scss +2 -2
  49. data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +1 -1
  50. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +3 -2
  51. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +2 -1
  52. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  53. data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +1 -1
  54. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +2 -1
  55. data/assets/stylesheets/cerulean/_bootswatch.scss +7 -1
  56. data/assets/stylesheets/cerulean/_variables.scss +392 -381
  57. data/assets/stylesheets/cosmo/_bootswatch.scss +26 -2
  58. data/assets/stylesheets/cosmo/_variables.scss +392 -381
  59. data/assets/stylesheets/cyborg/_bootswatch.scss +26 -2
  60. data/assets/stylesheets/cyborg/_variables.scss +392 -381
  61. data/assets/stylesheets/darkly/_bootswatch.scss +22 -4
  62. data/assets/stylesheets/darkly/_variables.scss +392 -381
  63. data/assets/stylesheets/flatly/_bootswatch.scss +21 -3
  64. data/assets/stylesheets/flatly/_variables.scss +392 -381
  65. data/assets/stylesheets/journal/_bootswatch.scss +26 -2
  66. data/assets/stylesheets/journal/_variables.scss +392 -381
  67. data/assets/stylesheets/lumen/_bootswatch.scss +47 -8
  68. data/assets/stylesheets/lumen/_variables.scss +392 -381
  69. data/assets/stylesheets/paper/_bootswatch.scss +214 -76
  70. data/assets/stylesheets/paper/_variables.scss +392 -381
  71. data/assets/stylesheets/readable/_bootswatch.scss +16 -24
  72. data/assets/stylesheets/readable/_variables.scss +392 -381
  73. data/assets/stylesheets/sandstone/_bootswatch.scss +7 -4
  74. data/assets/stylesheets/sandstone/_variables.scss +392 -381
  75. data/assets/stylesheets/simplex/_bootswatch.scss +32 -5
  76. data/assets/stylesheets/simplex/_variables.scss +392 -381
  77. data/assets/stylesheets/slate/_bootswatch.scss +25 -1
  78. data/assets/stylesheets/slate/_variables.scss +392 -381
  79. data/assets/stylesheets/spacelab/_bootswatch.scss +4 -4
  80. data/assets/stylesheets/spacelab/_variables.scss +392 -381
  81. data/assets/stylesheets/superhero/_bootswatch.scss +26 -2
  82. data/assets/stylesheets/superhero/_variables.scss +392 -381
  83. data/assets/stylesheets/united/_bootswatch.scss +15 -2
  84. data/assets/stylesheets/united/_variables.scss +392 -381
  85. data/assets/stylesheets/yeti/_bootswatch.scss +2 -2
  86. data/assets/stylesheets/yeti/_variables.scss +392 -381
  87. data/lib/bootswatch-sass/version.rb +1 -1
  88. data/test/dummy/Gemfile +7 -5
  89. data/test/dummy/app/views/home/index.html.erb +1 -1
  90. metadata +4 -3
@@ -36,6 +36,7 @@
36
36
  margin-left: -5px; // Offset the first child's margin
37
37
  @include clearfix;
38
38
 
39
+ .btn,
39
40
  .btn-group,
40
41
  .input-group {
41
42
  float: left;
@@ -172,11 +173,11 @@
172
173
  border-radius: 0;
173
174
  }
174
175
  &:first-child:not(:last-child) {
175
- border-top-right-radius: $border-radius-base;
176
+ border-top-right-radius: $btn-border-radius-base;
176
177
  @include border-bottom-radius(0);
177
178
  }
178
179
  &:last-child:not(:first-child) {
179
- border-bottom-left-radius: $border-radius-base;
180
+ border-bottom-left-radius: $btn-border-radius-base;
180
181
  @include border-top-radius(0);
181
182
  }
182
183
  }
@@ -17,7 +17,7 @@
17
17
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
18
18
  border: 1px solid transparent;
19
19
  white-space: nowrap;
20
- @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
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
 
23
23
  &,
@@ -47,10 +47,18 @@
47
47
  &[disabled],
48
48
  fieldset[disabled] & {
49
49
  cursor: $cursor-disabled;
50
- pointer-events: none; // Future-proof disabling of clicks
51
50
  @include opacity(.65);
52
51
  @include box-shadow(none);
53
52
  }
53
+
54
+ // [converter] extracted a& to a.btn
55
+ }
56
+
57
+ a.btn {
58
+ &.disabled,
59
+ fieldset[disabled] & {
60
+ pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
61
+ }
54
62
  }
55
63
 
56
64
 
@@ -126,14 +134,14 @@
126
134
 
127
135
  .btn-lg {
128
136
  // line-height: ensure even-numbered height of button next to large input
129
- @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
137
+ @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large);
130
138
  }
131
139
  .btn-sm {
132
140
  // line-height: ensure proper height of button next to small input
133
- @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
141
+ @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
134
142
  }
135
143
  .btn-xs {
136
- @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
144
+ @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);
137
145
  }
138
146
 
139
147
 
@@ -29,7 +29,7 @@
29
29
  @media all and (transform-3d), (-webkit-transform-3d) {
30
30
  @include transition-transform(0.6s ease-in-out);
31
31
  @include backface-visibility(hidden);
32
- @include perspective(1000);
32
+ @include perspective(1000px);
33
33
 
34
34
  &.next,
35
35
  &.active.right {
@@ -130,6 +130,7 @@
130
130
  .glyphicon-chevron-right {
131
131
  position: absolute;
132
132
  top: 50%;
133
+ margin-top: -10px;
133
134
  z-index: 5;
134
135
  display: inline-block;
135
136
  }
@@ -147,7 +148,6 @@
147
148
  .icon-next {
148
149
  width: 20px;
149
150
  height: 20px;
150
- margin-top: -10px;
151
151
  line-height: 1;
152
152
  font-family: serif;
153
153
  }
@@ -17,9 +17,8 @@
17
17
 
18
18
  .collapse {
19
19
  display: none;
20
- visibility: hidden;
21
20
 
22
- &.in { display: block; visibility: visible; }
21
+ &.in { display: block; }
23
22
  // [converter] extracted tr&.in to tr.collapse.in
24
23
  // [converter] extracted tbody&.in to tbody.collapse.in
25
24
  }
@@ -10,7 +10,8 @@
10
10
  height: 0;
11
11
  margin-left: 2px;
12
12
  vertical-align: middle;
13
- border-top: $caret-width-base solid;
13
+ border-top: $caret-width-base dashed;
14
+ border-top: $caret-width-base solid \9; // IE8
14
15
  border-right: $caret-width-base solid transparent;
15
16
  border-left: $caret-width-base solid transparent;
16
17
  }
@@ -184,7 +185,8 @@
184
185
  // Reverse the caret
185
186
  .caret {
186
187
  border-top: 0;
187
- border-bottom: $caret-width-base solid;
188
+ border-bottom: $caret-width-base dashed;
189
+ border-bottom: $caret-width-base solid \9; // IE8
188
190
  content: "";
189
191
  }
190
192
  // Different positioning for bottom up menu
@@ -56,7 +56,6 @@ input[type="checkbox"] {
56
56
  line-height: normal;
57
57
  }
58
58
 
59
- // Set the height of file controls to match text inputs
60
59
  input[type="file"] {
61
60
  display: block;
62
61
  }
@@ -141,11 +140,15 @@ output {
141
140
  &[disabled],
142
141
  &[readonly],
143
142
  fieldset[disabled] & {
144
- cursor: $cursor-disabled;
145
143
  background-color: $input-bg-disabled;
146
144
  opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
147
145
  }
148
146
 
147
+ &[disabled],
148
+ fieldset[disabled] & {
149
+ cursor: $cursor-disabled;
150
+ }
151
+
149
152
  // [converter] extracted textarea& to textarea.form-control
150
153
  }
151
154
 
@@ -173,13 +176,17 @@ input[type="search"] {
173
176
  // text within the input to become vertically misaligned. As a workaround, we
174
177
  // set a pixel line-height that matches the given height of the input, but only
175
178
  // for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
179
+ //
180
+ // Note that as of 8.3, iOS doesn't support `datetime` or `week`.
176
181
 
177
182
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
178
183
  input[type="date"],
179
184
  input[type="time"],
180
185
  input[type="datetime-local"],
181
186
  input[type="month"] {
182
- line-height: $input-height-base;
187
+ &.form-control {
188
+ line-height: $input-height-base;
189
+ }
183
190
 
184
191
  &.input-sm,
185
192
  .input-group-sm & {
@@ -200,7 +207,7 @@ input[type="search"] {
200
207
  // horizontal forms, use the predefined grid classes.
201
208
 
202
209
  .form-group {
203
- margin-bottom: 15px;
210
+ margin-bottom: $form-group-margin-bottom;
204
211
  }
205
212
 
206
213
 
@@ -240,6 +247,7 @@ input[type="search"] {
240
247
  // Radios and checkboxes on same line
241
248
  .radio-inline,
242
249
  .checkbox-inline {
250
+ position: relative;
243
251
  display: inline-block;
244
252
  padding-left: 20px;
245
253
  margin-bottom: 0;
@@ -296,6 +304,7 @@ input[type="checkbox"] {
296
304
  padding-bottom: ($padding-base-vertical + 1);
297
305
  // Remove default margin from `p`
298
306
  margin-bottom: 0;
307
+ min-height: ($line-height-computed + $font-size-base);
299
308
 
300
309
  &.input-lg,
301
310
  &.input-sm {
@@ -315,27 +324,53 @@ input[type="checkbox"] {
315
324
 
316
325
  @include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small);
317
326
  .form-group-sm {
318
-
319
- @include input-size('.form-control', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small);
320
-
321
- .form-control-static {
327
+ .form-control {
322
328
  height: $input-height-small;
323
329
  padding: $padding-small-vertical $padding-small-horizontal;
324
330
  font-size: $font-size-small;
325
331
  line-height: $line-height-small;
332
+ border-radius: $input-border-radius-small;
333
+ }
334
+ select.form-control {
335
+ height: $input-height-small;
336
+ line-height: $input-height-small;
337
+ }
338
+ textarea.form-control,
339
+ select[multiple].form-control {
340
+ height: auto;
341
+ }
342
+ .form-control-static {
343
+ height: $input-height-small;
344
+ min-height: ($line-height-computed + $font-size-small);
345
+ padding: ($padding-small-vertical + 1) $padding-small-horizontal;
346
+ font-size: $font-size-small;
347
+ line-height: $line-height-small;
326
348
  }
327
349
  }
328
350
 
329
351
  @include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large);
330
352
  .form-group-lg {
331
-
332
- @include input-size('.form-control', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large);
333
-
334
- .form-control-static {
353
+ .form-control {
335
354
  height: $input-height-large;
336
355
  padding: $padding-large-vertical $padding-large-horizontal;
337
356
  font-size: $font-size-large;
338
357
  line-height: $line-height-large;
358
+ border-radius: $input-border-radius-large;
359
+ }
360
+ select.form-control {
361
+ height: $input-height-large;
362
+ line-height: $input-height-large;
363
+ }
364
+ textarea.form-control,
365
+ select[multiple].form-control {
366
+ height: auto;
367
+ }
368
+ .form-control-static {
369
+ height: $input-height-large;
370
+ min-height: ($line-height-computed + $font-size-large);
371
+ padding: ($padding-large-vertical + 1) $padding-large-horizontal;
372
+ font-size: $font-size-large;
373
+ line-height: $line-height-large;
339
374
  }
340
375
  }
341
376
 
@@ -366,12 +401,16 @@ input[type="checkbox"] {
366
401
  text-align: center;
367
402
  pointer-events: none;
368
403
  }
369
- .input-lg + .form-control-feedback {
404
+ .input-lg + .form-control-feedback,
405
+ .input-group-lg + .form-control-feedback,
406
+ .form-group-lg .form-control + .form-control-feedback {
370
407
  width: $input-height-large;
371
408
  height: $input-height-large;
372
409
  line-height: $input-height-large;
373
410
  }
374
- .input-sm + .form-control-feedback {
411
+ .input-sm + .form-control-feedback,
412
+ .input-group-sm + .form-control-feedback,
413
+ .form-group-sm .form-control + .form-control-feedback {
375
414
  width: $input-height-small;
376
415
  height: $input-height-small;
377
416
  line-height: $input-height-small;
@@ -546,7 +585,7 @@ input[type="checkbox"] {
546
585
  // Reposition the icon because it's now within a grid column and columns have
547
586
  // `position: relative;` on them. Also accounts for the grid gutter padding.
548
587
  .has-feedback .form-control-feedback {
549
- right: ($grid-gutter-width / 2);
588
+ right: floor(($grid-gutter-width / 2));
550
589
  }
551
590
 
552
591
  // Form group sizes
@@ -557,6 +596,7 @@ input[type="checkbox"] {
557
596
  @media (min-width: $screen-sm-min) {
558
597
  .control-label {
559
598
  padding-top: (($padding-large-vertical * $line-height-large) + 1);
599
+ font-size: $font-size-large;
560
600
  }
561
601
  }
562
602
  }
@@ -564,6 +604,7 @@ input[type="checkbox"] {
564
604
  @media (min-width: $screen-sm-min) {
565
605
  .control-label {
566
606
  padding-top: ($padding-small-vertical + 1);
607
+ font-size: $font-size-small;
567
608
  }
568
609
  }
569
610
  }
@@ -7,15 +7,17 @@
7
7
  //
8
8
  // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
9
9
 
10
- // Import the fonts
11
- @font-face {
12
- font-family: 'Glyphicons Halflings';
13
- src: url(font-path('#{$icon-font-path}#{$icon-font-name}.eot'));
14
- src: url(font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
15
- url(font-path('#{$icon-font-path}#{$icon-font-name}.woff2')) format('woff2'),
16
- url(font-path('#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
17
- url(font-path('#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
18
- url(font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
10
+ @at-root {
11
+ // Import the fonts
12
+ @font-face {
13
+ font-family: 'Glyphicons Halflings';
14
+ src: url(font-path('#{$icon-font-path}#{$icon-font-name}.eot'));
15
+ src: url(font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
16
+ url(font-path('#{$icon-font-path}#{$icon-font-name}.woff2')) format('woff2'),
17
+ url(font-path('#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
18
+ url(font-path('#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
19
+ url(font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
20
+ }
19
21
  }
20
22
 
21
23
 
@@ -267,8 +269,12 @@
267
269
  .glyphicon-piggy-bank { &:before { content: "\e225"; } }
268
270
  .glyphicon-scissors { &:before { content: "\e226"; } }
269
271
  .glyphicon-bitcoin { &:before { content: "\e227"; } }
272
+ .glyphicon-btc { &:before { content: "\e227"; } }
273
+ .glyphicon-xbt { &:before { content: "\e227"; } }
270
274
  .glyphicon-yen { &:before { content: "\00a5"; } }
275
+ .glyphicon-jpy { &:before { content: "\00a5"; } }
271
276
  .glyphicon-ruble { &:before { content: "\20bd"; } }
277
+ .glyphicon-rub { &:before { content: "\20bd"; } }
272
278
  .glyphicon-scale { &:before { content: "\e230"; } }
273
279
  .glyphicon-ice-lolly { &:before { content: "\e231"; } }
274
280
  .glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } }
@@ -160,6 +160,7 @@
160
160
  &:last-child {
161
161
  > .btn,
162
162
  > .btn-group {
163
+ z-index: 2;
163
164
  margin-left: -1px;
164
165
  }
165
166
  }
@@ -4,7 +4,8 @@
4
4
 
5
5
 
6
6
  .jumbotron {
7
- padding: $jumbotron-padding ($jumbotron-padding / 2);
7
+ padding-top: $jumbotron-padding;
8
+ padding-bottom: $jumbotron-padding;
8
9
  margin-bottom: $jumbotron-padding;
9
10
  color: $jumbotron-color;
10
11
  background-color: $jumbotron-bg;
@@ -13,7 +14,7 @@
13
14
  .h1 {
14
15
  color: $jumbotron-heading-color;
15
16
  }
16
-
17
+
17
18
  p {
18
19
  margin-bottom: ($jumbotron-padding / 2);
19
20
  font-size: $jumbotron-font-size;
@@ -34,7 +35,8 @@
34
35
  }
35
36
 
36
37
  @media screen and (min-width: $screen-sm-min) {
37
- padding: ($jumbotron-padding * 1.6) 0;
38
+ padding-top: ($jumbotron-padding * 1.6);
39
+ padding-bottom: ($jumbotron-padding * 1.6);
38
40
 
39
41
  .container &,
40
42
  .container-fluid & {
@@ -44,7 +46,7 @@
44
46
 
45
47
  h1,
46
48
  .h1 {
47
- font-size: ($font-size-base * 4.5);
49
+ font-size: $jumbotron-heading-font-size;
48
50
  }
49
51
  }
50
52
  }
@@ -38,12 +38,13 @@
38
38
  }
39
39
 
40
40
 
41
- // Linked list items
41
+ // Interactive list items
42
42
  //
43
- // Use anchor elements instead of `li`s or `div`s to create linked list items.
43
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive items.
44
44
  // Includes an extra `.active` modifier class for showing selected items.
45
45
 
46
- a.list-group-item {
46
+ a.list-group-item,
47
+ button.list-group-item {
47
48
  color: $list-group-link-color;
48
49
 
49
50
  .list-group-item-heading {
@@ -59,6 +60,11 @@ a.list-group-item {
59
60
  }
60
61
  }
61
62
 
63
+ button.list-group-item {
64
+ width: 100%;
65
+ text-align: left;
66
+ }
67
+
62
68
  .list-group-item {
63
69
  // Disabled state
64
70
  &.disabled,
@@ -19,6 +19,11 @@
19
19
 
20
20
  .media-object {
21
21
  display: block;
22
+
23
+ // Fix collapse in webkit from max-width: 100% and display: table-cell.
24
+ &.img-thumbnail {
25
+ max-width: none;
26
+ }
22
27
  }
23
28
 
24
29
  .media-right,
@@ -11,6 +11,7 @@
11
11
  @import "mixins/responsive-visibility";
12
12
  @import "mixins/size";
13
13
  @import "mixins/tab-focus";
14
+ @import "mixins/reset-text";
14
15
  @import "mixins/text-emphasis";
15
16
  @import "mixins/text-overflow";
16
17
  @import "mixins/vendor-prefixes";
@@ -62,10 +62,12 @@
62
62
 
63
63
  // Modal background
64
64
  .modal-backdrop {
65
- position: absolute;
65
+ position: fixed;
66
66
  top: 0;
67
67
  right: 0;
68
+ bottom: 0;
68
69
  left: 0;
70
+ z-index: $zindex-modal-background;
69
71
  background-color: $modal-backdrop-bg;
70
72
  // Fade for backdrop
71
73
  &.fade { @include opacity(0); }