Lobzek created NETBEANS-4605:
--------------------------------

             Summary: Advanced CSS (LESS, SASS) formatting options
                 Key: NETBEANS-4605
                 URL: https://issues.apache.org/jira/browse/NETBEANS-4605
             Project: NetBeans
          Issue Type: Improvement
          Components: web - CSS Editor
    Affects Versions: 12.0
            Reporter: Lobzek


In continuation of NETBEANS-1646 and discussion on 
[GitHub|[https://github.com/apache/netbeans/pull/2257]|https://github.com/apache/netbeans/pull/2257],
 it will be nice to have some additional CSS formatting options.

By analogy with 
[WebStorm|https://user-images.githubusercontent.com/2444896/87813591-7c8a2580-c862-11ea-9ae0-29ff4da51cd3.PNG]
 please add following options:

*1. Add space after colon*

Type: checkbox
 Default value: checked

Convert:
{code:css}
.foo {
   border:none;
   font-size : 15px;
}{code}
To:
{code:css}
.foo {
   border: none;
   font-size: 15px;
}{code}
*2. Add space before opening brace*

Type: checkbox
 Default value: checked

Convert:
{code:css}
.foo{
   border: none;
}{code}
To:
{code:css}
.foo {
   border: none;
}{code}
*3. Braces placement*

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

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

/* Next Line */
.foo 
{
   border: none;
}
{code}
*4. Align values*

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

Examples:
{code:css}
/* 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;
}
{code}
*5. Convert hex colors*

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

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

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



--
This message was sent by Atlassian Jira
(v8.3.4#803005)

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@netbeans.apache.org
For additional commands, e-mail: commits-h...@netbeans.apache.org

For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists

Reply via email to