Re: Problem with folding CSS files

Why other CSS file renders as I would expect, but this other file has the @ 
stuff at the bottom:

[image: CssLexer2.png]

I can confirm that if I put the @media item at the end that all the folding 
renders correctly:

[image: CssLexer3.png]

So,


   1. It should be able to handle my original CSS file with the @ at the 
   top.
   2. The final "media screen" is not showing in the same colour for some 
   reason. I suppose that page-break-before block should be inside the 
   existing @ media screen

Ah, look (in NotePad++):

[image: CssLexer4.png]

Goodness knows what ZWNBSP means but when I delete it in Scintilla all is 
good.

For some reason Scintilla will not show it:

[image: CssLexer5.png]

But the moment I delete this invisible character:

[image: CssLexer6.png]

On Saturday 4 May 2024 at 18:27:27 UTC+1 Andrew Truckle wrote:

> 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/01cdf8ba-0a7f-4a95-ae8b-ebd79cb8b1ffn%40googlegroups.com.