print.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. /*
  2. |--------------------------------------------------------------------------
  3. | Modules
  4. |--------------------------------------------------------------------------
  5. */
  6. /*
  7. |--------------------------------------------------------------------------
  8. | Aliases
  9. |--------------------------------------------------------------------------
  10. */
  11. /*
  12. |--------------------------------------------------------------------------
  13. | Partials
  14. |--------------------------------------------------------------------------
  15. */
  16. .printModal {
  17. font-family: sans-serif;
  18. display: flex;
  19. text-align: center;
  20. font-weight: 300;
  21. font-size: 30px;
  22. left: 0;
  23. top: 0;
  24. position: absolute;
  25. color: #045fb4;
  26. width: 100%;
  27. height: 100%;
  28. background-color: rgba(255, 255, 255, 0.9); }
  29. /*
  30. |--------------------------------------------------------------------------
  31. | Close Button
  32. |--------------------------------------------------------------------------
  33. */
  34. .printClose {
  35. position: absolute;
  36. right: 10px;
  37. top: 10px; }
  38. .printClose:before {
  39. content: "\00D7";
  40. font-family: "Helvetica Neue", sans-serif;
  41. font-weight: 100;
  42. line-height: 1px;
  43. padding-top: 0.5em;
  44. display: block;
  45. font-size: 2em;
  46. text-indent: 1px;
  47. overflow: hidden;
  48. height: 1.25em;
  49. width: 1.25em;
  50. text-align: center;
  51. cursor: pointer; }
  52. .printSpinner {
  53. margin-top: 3px;
  54. margin-left: -40px;
  55. position: absolute;
  56. display: inline-block;
  57. width: 25px;
  58. height: 25px;
  59. border: 2px solid #045fb4;
  60. border-radius: 50%;
  61. animation: spin 0.75s infinite linear; }
  62. .printSpinner::before, .printSpinner::after {
  63. left: -2px;
  64. top: -2px;
  65. display: none;
  66. position: absolute;
  67. content: '';
  68. width: inherit;
  69. height: inherit;
  70. border: inherit;
  71. border-radius: inherit; }
  72. .printSpinner, .printSpinner::before, .printSpinner::after {
  73. display: inline-block;
  74. border-color: transparent;
  75. border-top-color: #045fb4;
  76. animation-duration: 1.2s; }
  77. .printSpinner::before {
  78. transform: rotate(120deg); }
  79. .printSpinner::after {
  80. transform: rotate(240deg); }
  81. /* Keyframes for the animation */
  82. @keyframes spin {
  83. from {
  84. transform: rotate(0deg); }
  85. to {
  86. transform: rotate(360deg); }
  87. }
  88. /*# sourceMappingURL=print.map*/