Problem with folding CSS files

This is the CSS in question:

@media screen {
  [style*="page-break-before"]::before {
    content: ' ';
    display: block;
    margin: 5px -2mm;
    height: 5mm;
    background-color: #666;
  }
}
.sectionZoom {
padding-left: 2cm;
padding-right: 2cm;
margin-left: auto;
margin-right: auto;
page-break-after: always;
}
.headingZoom {
text-align: center;
font-size: 18pt;
font-family: "Liberation Sans";
font-weight: bold;
padding-bottom: 10mm;
}
.sub-headingZoom {
font-size: 16pt;
font-family: "Liberation Sans";
font-weight: bold;
padding-bottom: 10mm;
}
.textMeetingTimesZoom {
padding-bottom: 5mm;
}
.textConnectInfoZoom {
font-family: "Courier New", Courier, monospace;
font-size: 10pt;
}
.textZoom {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.textPhoneNumberZoom {
padding-left: 2cm;
}
.containerQRCode {
text-align: center;
}
.qr-code {
border-radius: 25px;
border:thick black solid;
margin-top: 5mm;
margin-bottom:10mm;
}

@media screen {
.sectionZoom {display: none;}
}

It displays fine, but the way the folding lines are rendered is different 
to how NotePad++ does it:
[image: CssLexer.png]
Why is this?

-- 
You received this message because you are subscribed to the Google Groups "scintilla-interest" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To view this discussion on the web visit https://groups.google.com/d/msgid/scintilla-interest/f2ad4813-a788-4c68-b7c4-eadbc67ec9dan%40googlegroups.com.