print_brief.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. $font-stack: "Tex Gyre Heros";
  2. $font-color-light: #c0c0c0;
  3. .page {
  4. // 296 für Chrome, andere sind mit 197 ok
  5. width: 210mm;
  6. height: 296mm;
  7. background-color: #fff;
  8. font: 11pt $font-stack !important;
  9. }
  10. .subpage {
  11. font: 11pt $font-stack !important;
  12. background-color: transparent;
  13. }
  14. .logo {
  15. position: absolute;
  16. &.logo-top {
  17. top: 7mm;
  18. left: 125mm;
  19. width: 80mm;
  20. }
  21. &.logo-bottom {
  22. bottom: 20mm;
  23. left: 5mm;
  24. height: 50mm;
  25. }
  26. }
  27. .info {
  28. font: 9.5pt $font-stack !important;
  29. position: absolute;
  30. left: 145.5mm;
  31. color: $font-color-light !important;
  32. b {
  33. color: $font-color-light !important;
  34. }
  35. &.info-top {
  36. top: 50mm;
  37. }
  38. &.info-bottom {
  39. bottom: 20mm;
  40. }
  41. }
  42. .absender {
  43. font: 7.5pt $font-stack !important;
  44. position: absolute;
  45. top: 45mm;
  46. left: 20mm;
  47. }
  48. .anschrift {
  49. font: 9.5pt $font-stack !important;
  50. position: absolute;
  51. top: 60mm;
  52. left: 25mm;
  53. }
  54. .text {
  55. position: absolute;
  56. top: 100mm;
  57. left: 25mm;
  58. width: 115mm;
  59. }
  60. @media print and (color) {
  61. @page {
  62. size: A4 portrait;
  63. }
  64. }