You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@netbeans.apache.org by "Lobzek (Jira)" <ji...@apache.org> on 2020/07/18 14:09:00 UTC

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

     [ https://issues.apache.org/jira/browse/NETBEANS-4605?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Lobzek updated NETBEANS-4605:
-----------------------------
    Description: 
In continuation of NETBEANS-1646 and discussion on [GitHub|[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}

  was:
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}


> 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
>            Priority: Major
>
> In continuation of NETBEANS-1646 and discussion on [GitHub|[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-unsubscribe@netbeans.apache.org
For additional commands, e-mail: commits-help@netbeans.apache.org

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