[NETBEANS-4605] Advanced CSS (LESS, SASS) formatting options

• Type: Improvement
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 12.0
• Component/s: web - CSS Editor
• Assignee: Unassigned
• Reporter: Lobzek
• Created: 18/Jul/20 14:07
• Updated: 23/Jul/20 11:43

Description

In continuation of NETBEANS-1646 and discussion on GitHub, it will be nice to have some additional CSS formatting options.

By analogy with WebStorm please add following options:

1. Add space after colon

Type: checkbox
Default value: checked

Convert:

.foo {
   border:none;
   font-size : 15px;
}

To:

.foo {
   border: none;
   font-size: 15px;
}

2. Add space before opening brace

Type: checkbox
Default value: checked

Convert:

.foo{
   border: none;
}

To:

.foo {
   border: none;
}

3. Braces placement

Type: select box
Options: End of Line, Next Line
Default value: End of Line

Examples:

/* End of Line */
.foo {
   border: none;
}

/* Next Line */
.foo 
{
   border: none;
}

4. Align values

Type: select box
Options: Do not align, On colon, On value
Default value: Do not align

Examples:

/* Do not align */
.foo {
   background-color: #fff;
   color: #000;
}

/* On colon */
.foo {
   background-color: #fff;
   color           : #000;
}

/* On value */
.foo {
   background-color: #fff;
   color:            #000;
}

5. Convert hex colors

Type: select box
Options: Do not convert, To lower case, To upper case
Default value: Do not convert

Examples:

/* To lower case */
.foo {
   background-color: #fff;
   color: #80ae34;
}

/* On upper case */
.foo {
   background-color: #FFF;
   color: #80AE34;
}

6. Keep single line rules

Type: check box
Default value: Unchecked

If checked, then rules like that:

.foo { background-color: #fff; color: #80ae34; }

won't be converted to multi-line rules, otherwise it will be formatted to:

.foo {
   background-color: #fff;
   color: #80ae34;
}