Prevent Visual Studio from collapsing SCSS maps onto single line (VS2022)

Viewed 34

I'm having some grief with Visual Studio trying to be smart and format things - specifically SCSS files.

At first, I thought this was to do with the CodeMaid extension; so I turned off, to no avail.

Essentially my issue is when you have an SCSS block like this:

$themes: (
    dark:( 
        'Franklin-Blue': #000000,
        'Light-Blue': #0d0d0d,
        'Pale-Blue': #2c2f33,
        'Pure-White': #ffffff,
        'VLight-Grey': #99aab5,
        'Middle-Grey': #2c2f33,
        'Dark-Grey': #23272a, 
        'body-color': #000000,
        'text-color': #ffffff, 
        'bold-text': #7289da,
        'White-Blue': #7289da
    ), 
    light:( 
        'Franklin-Blue': #1d1c4d,
        'Light-Blue': #4e5d94,
        'Pale-Blue': #7289da,
        'Pure-White': #ffffff, 
        'VLight-Grey': #99aab5,
        'Middle-Grey': #2c2f33,
        'Dark-Grey': #23272a,
        'body-color': #ffffff,
        'text-color': #000000, 
        'bold-text': #000000, 
        'White-Blue': #ffffff
    ) 
);

You want it to stay like that, but Visual Studio formats it to:

$themes: ( dark:( 'Franklin-Blue': #000000, 'Light-Blue': #0d0d0d, 'Pale-Blue': #2c2f33, 'Pure-White': #ffffff, 'VLight-Grey': #99aab5, 'Middle-Grey': #2c2f33, 'Dark-Grey': #23272a, 'body-color': #000000, 'text-color': #ffffff, 'bold-text': #7289da, 'White-Blue': #7289da ), light:( 'Franklin-Blue': #1d1c4d, 'Light-Blue': #4e5d94, 'Pale-Blue': #7289da, 'Pure-White': #ffffff, 'VLight-Grey': #99aab5, 'Middle-Grey': #2c2f33, 'Dark-Grey': #23272a, 'body-color': #ffffff, 'text-color': #000000, 'bold-text': #000000, 'White-Blue': #ffffff ) );

How do I stop it from wrapping those blocks onto a single line?

0 Answers
Related