_print.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @charset "utf-8";
  2. /*
  3. * @file: 打印样式
  4. * @update: 2015-06-03 16:49:29
  5. * @source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
  6. */
  7. @media print,
  8. (min-resolution: 1.25dppx),
  9. (min-resolution: 120dpi) {
  10. /* Style adjustments for high resolution devices */
  11. }
  12. /* ==========================================================================
  13. Print styles.
  14. Inlined to avoid the additional HTTP request:
  15. http://www.phpied.com/delay-loading-your-print-css/
  16. ========================================================================== */
  17. @media print {
  18. *,
  19. *:before,
  20. *:after {
  21. background: transparent !important;
  22. color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
  23. box-shadow: none !important;
  24. text-shadow: none !important;
  25. }
  26. a,
  27. a:visited {
  28. text-decoration: underline;
  29. }
  30. a[href]:after {
  31. content: " (" attr(href) ")";
  32. }
  33. abbr[title]:after {
  34. content: " (" attr(title) ")";
  35. }
  36. /*
  37. * Don't show links that are fragment identifiers,
  38. * or use the `javascript:` pseudo protocol
  39. */
  40. a[href^="#"]:after,
  41. a[href^="javascript:"]:after {
  42. content: "";
  43. }
  44. pre,
  45. blockquote {
  46. border: 1px solid #999;
  47. page-break-inside: avoid;
  48. }
  49. /*
  50. * Printing Tables:
  51. * http://css-discuss.incutio.com/wiki/Printing_Tables
  52. */
  53. thead {
  54. display: table-header-group;
  55. }
  56. tr,
  57. img {
  58. page-break-inside: avoid;
  59. }
  60. img {
  61. max-width: 100% !important;
  62. }
  63. p,
  64. h2,
  65. h3 {
  66. orphans: 3;
  67. widows: 3;
  68. }
  69. h2,
  70. h3 {
  71. page-break-after: avoid;
  72. }
  73. .u-printHide {
  74. display: none !important;
  75. }
  76. }