[
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}
*6. Keep single line rules*
Type: check box
Default value: Unchecked
If checked, then rules like that:
{code:css}
.foo { background-color: #fff; color: #80ae34; }
{code}
won't be converted to multi-line rules, otherwise it will be formatted to:
{code:css}
.foo {
background-color: #fff;
color: #80ae34;
}{code}
was:
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}
*6. Keep single line rules*
Type: check box
Default value: Unchecked
If checked, then rules like that:
{code:css}
.foo { background-color: #fff; color: #80ae34; }
{code}
won't be converted to multi-line rules, otherwise it will be formatted to:
{code:css}
.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}
> *6. Keep single line rules*
> Type: check box
> Default value: Unchecked
> If checked, then rules like that:
> {code:css}
> .foo { background-color: #fff; color: #80ae34; }
> {code}
> won't be converted to multi-line rules, otherwise it will be formatted to:
> {code:css}
> .foo {
> background-color: #fff;
> color: #80ae34;
> }{code}
--
This message was sent by Atlassian Jira
(v8.3.4#803005)
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists
