Layout von Websiten mit Bootstrap und Foundation
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_print.scss 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. // stylelint-disable declaration-no-important, selector-no-qualifying-type
  2. // Source: https://github.com/h5bp/main.css/blob/master/src/_print.css
  3. // ==========================================================================
  4. // Print styles.
  5. // Inlined to avoid the additional HTTP request:
  6. // https://www.phpied.com/delay-loading-your-print-css/
  7. // ==========================================================================
  8. @if $enable-print-styles {
  9. @media print {
  10. *,
  11. *::before,
  12. *::after {
  13. // Bootstrap specific; comment out `color` and `background`
  14. //color: $black !important; // Black prints faster
  15. text-shadow: none !important;
  16. //background: transparent !important;
  17. box-shadow: none !important;
  18. }
  19. a {
  20. &:not(.btn) {
  21. text-decoration: underline;
  22. }
  23. }
  24. // Bootstrap specific; comment the following selector out
  25. //a[href]::after {
  26. // content: " (" attr(href) ")";
  27. //}
  28. abbr[title]::after {
  29. content: " (" attr(title) ")";
  30. }
  31. // Bootstrap specific; comment the following selector out
  32. //
  33. // Don't show links that are fragment identifiers,
  34. // or use the `javascript:` pseudo protocol
  35. //
  36. //a[href^="#"]::after,
  37. //a[href^="javascript:"]::after {
  38. // content: "";
  39. //}
  40. pre {
  41. white-space: pre-wrap !important;
  42. }
  43. pre,
  44. blockquote {
  45. border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
  46. page-break-inside: avoid;
  47. }
  48. //
  49. // Printing Tables:
  50. // https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
  51. //
  52. thead {
  53. display: table-header-group;
  54. }
  55. tr,
  56. img {
  57. page-break-inside: avoid;
  58. }
  59. p,
  60. h2,
  61. h3 {
  62. orphans: 3;
  63. widows: 3;
  64. }
  65. h2,
  66. h3 {
  67. page-break-after: avoid;
  68. }
  69. // Bootstrap specific changes start
  70. // Specify a size and min-width to make printing closer across browsers.
  71. // We don't set margin here because it breaks `size` in Chrome. We also
  72. // don't use `!important` on `size` as it breaks in Chrome.
  73. @page {
  74. size: $print-page-size;
  75. }
  76. body {
  77. min-width: $print-body-min-width !important;
  78. }
  79. .container {
  80. min-width: $print-body-min-width !important;
  81. }
  82. // Bootstrap components
  83. .navbar {
  84. display: none;
  85. }
  86. .badge {
  87. border: $border-width solid $black;
  88. }
  89. .table {
  90. border-collapse: collapse !important;
  91. td,
  92. th {
  93. background-color: $white !important;
  94. }
  95. }
  96. .table-bordered {
  97. th,
  98. td {
  99. border: 1px solid $gray-300 !important;
  100. }
  101. }
  102. .table-dark {
  103. color: inherit;
  104. th,
  105. td,
  106. thead th,
  107. tbody + tbody {
  108. border-color: $table-border-color;
  109. }
  110. }
  111. .table .thead-dark th {
  112. color: inherit;
  113. border-color: $table-border-color;
  114. }
  115. // Bootstrap specific changes end
  116. }
  117. }