Re: Problem with folding CSS files

Ah, so it is the BOM.

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

> 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/b385905e-1a92-4dde-bbb0-f0f4d23e7f88n%40googlegroups.com.