Why do I get syntax errors when using LESS preprocessor?

[minnieoo]

i get these errors despite defining that i'm using less

/* ==UserStyle==

@name           pinKbin
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    A few small visual improvements for kbin.
@author         minnie

@preprocessor less
==/UserStyle== */

:root {
    --white-PK: #fff8f8;
    --pink1-PK: #FFCEDF;
    --pink2-PK: #FF9CC8;
    --peach-PK: #FF9CC8;
    --dark-PK:  #332F31;
    --text1-PK: #341D2C;
    --text1m-PK:#341D2C;
    --up-PK:    #A562E9;
    --down-PK:  #628FE9;
    --test-PK:  red;
}

/* mixins */
.rounded() {
    border-radius: 4px;
}

/* post entry */
.entry {
    .rounded();
    border-top: 20px solid var(--pink2-PK);
    border-right: 5px solid var(--pink2-PK);
    border-bottom: 5px solid var(--pink2-PK);
    border-left: 5px solid var(--pink2-PK);
    
    .vote button {
        border-right: 3px solid var(--pink2-PK);
        border-bottom: 3px solid var(--pink2-PK);
        .rounded();
    }
}

[tophf]

Switch CSS Linter option to Stylelint.

[tophf]

I guess ==userstyle== comment is broken in your actual style.

[minnieoo]

how could it be broken? im pretty sure i have all the stuff i need

/* ==UserStyle==

@name           pinKbin
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    A few small visual improvements for kbin.
@author         minnie

@preprocessor less
==/UserStyle== */

[tophf]

I see the problem in your original screenshot: you didn't enable "usercss" checkbox when you created the style. Remove the style, enable the checkbox, create a new style, paste the code, and it will work.

[tophf]

You'll also need to use @-moz-document as shown in the new style after it's created.

[minnieoo]

OMG yes that worked. finally! thank you.