bootswatch-sass 3.3.2 → 3.3.5

Sign up to get free protection for your applications and to get access to all the features.
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); }