Issues Beautifying LESS when using @variable or &:hover syntax

[mcdonnelldean]

When using the beautify command on a less file, their seems to be issues with how items are restructured. I have no custom settings or overrides.

Note: The screenshots are missing the trailing } but it is included in the raw testing text.

Before Command

After Command

LESS for Testing

@import "syntax-variables";

.editor-colors {
  background-color: @syntax-background-color;
  color: @syntax-text-color;
}

.editor {
  background-color: @syntax-background-color;
  color: @syntax-text-color;

  .wrap-guide {
    background-color: @syntax-wrap-guide-color;
  }

  .indent-guide {
    color: @syntax-indent-guide-color;
  }

  .invisible-character {
    color: @syntax-invisible-character-color;
  }

  .gutter {
    background-color: @syntax-gutter-background-color;
    color: @syntax-gutter-text-color;

    .line-number {
      &.cursor-line {
        background-color: @syntax-gutter-background-color-selected;
        color: @syntax-gutter-text-color-selected;
      }

      &.cursor-line-no-selection {
        color: @syntax-gutter-text-color-selected;
      }
    }
  }
}

[Glavin001]

Currently LESS is being beautified by the CSS beautifier of js-beautify.

See

atom-beautify/lib/language-options.js

Lines 95 to 101 in 04a23a0

	case 'Sass':
	case 'SCSS':
	case 'LESS':
	case 'CSS':
	text = beautifyCSS(text, self.getOptions('css', allOptions));
	beautifyCompleted(text);
	break;

You should forward this issue over to the js-beautify project, and see what they say. There may be problems handling LESS, or in a much more fortunate case, may be a setting that provides better LESS support and resolves your issue. If it is a setting and Atom Beautify is restricting this, let me know and I can make the necessary adjustments to optimize js-beautify for LESS.

Hope we can find a solution for you!

[mcdonnelldean]

Hi @Glavin001 thanks for the update, I've had a look over the other repo and it seems there is a known issue on their end, I'll report back if there are any changes needed on this end, thanks for the help

[Glavin001]

Hope they can resolve it! If there are any changes needed from my end I can reopen this issue.