title: Printing PDF with phantom js - @page rule not working
body: <p>We're using the phantom JS to print out PDF from web pages (intranet site). My issue is not with the whole styling but just with the @page rule. None of the styles within the @page rule are applied.</p>
  
  <p>Do you have any idea what this could be? </p>
  
  <pre><code>@page {
      size: auto;
      padding: 0 !important;
      margin: 10mm !important;
      page-break-before: avoid;
      border: none !important;
      page-break-after: avoid;
      page-break-inside: avoid;
      overflow: hidden !important;
      box-sizing: border-box !important;
  
      @top-left-corner {
          content: ""; /* has to be specified! */
          background-color: rgba(42, 201, 80, 0.220);
          border-bottom: solid green;
      }
  }
  </code></pre>