Css - Code Layout
Code layout
Declarations
Property names:
[resharper_]css_declarations_style, [resharper_]declarations_style
Possible values:
-
same_line: Single line formating -
separate_lines: On separate lines -
separate_lines_for_nonsingle: On separate lines if not simple
Examples:
| same_line |
.blue,·.link·{·color:·blue;·}#error,·.error·{
·······························color:·red;
·······························backgroup-color:·white;
·····························} |
| separate_lines |
.blue,·.link·{·color:·blue;·}
#error,·.error·{
··color:·red;
··backgroup-color:·white;
} |
| separate_lines_for_nonsingle |
.blue,·.link·{·color:·blue;·}
#error,·.error·{
··color:·red;
··backgroup-color:·white;
} |
Media query
Property names:
[resharper_]css_media_query_style, [resharper_]media_query_style
Possible values:
-
separate_lines: On separate lines -
same_line: Single line formating
Examples:
| separate_lines |
@media
(ratio:·4/3),
(ratio:·3/4)·{
··.blue·{·color:·blue;·}
} |
| same_line |
@media·(ratio:·4/3),·(ratio:·3/4)·{
··.blue·{·color:·blue;·}
} |
Selector
Property names:
[resharper_]css_selector_style, [resharper_]selector_style
Possible values:
-
separate_lines: On separate lines -
same_line: Single line formating
Examples:
| separate_lines |
.blue,
.link·{·color:·blue;·} |
| same_line |
.blue,·.link·{·color:·blue;·} |
Properties
Property names:
[resharper_]css_properties_style, [resharper_]properties_style
Possible values:
-
same_line: Single line formating -
separate_lines: On separate lines -
separate_lines_for_nonsingle: On separate lines if not simple
Examples:
| same_line |
.blue,·.link·{·color:·blue;·}
#error,·.error·{·color:·red;·backgroup-color:·white;·} |
| separate_lines |
.blue,·.link·{
··color:·blue;
}
#error,·.error·{
··color:·red;
··backgroup-color:·white;
} |
| separate_lines_for_nonsingle |
.blue,·.link·{·color:·blue;·}
#error,·.error·{
··color:·red;
··backgroup-color:·white;
} |
Braces
Property names:
[resharper_]css_brace_style, [resharper_]brace_style
Possible values:
-
next_line_shifted: At next line indented (Whitesmiths style) -
next_line_shifted_2: At next line indented 2 (GNU style) -
next_line: At next line (BSD style) -
end_of_line: At end of line (K&R style) -
end_of_line_no_space: At end of line (no space)
Examples:
| next_line_shifted |
@media·(ratio:·4/3)
··{
··.blue,·.link
····{
····color:·blue;
····}
··#error,·.error
····{
····color:·red;
····backgroup-color:·white;
····}
··} |
| next_line_shifted_2 |
@media·(ratio:·4/3)
··{
····.blue,·.link
······{
········color:·blue;
······}
····#error,·.error
······{
········color:·red;
········backgroup-color:·white;
······}
··} |
| next_line |
@media·(ratio:·4/3)
{
··.blue,·.link
··{
····color:·blue;
··}
··#error,·.error
··{
····color:·red;
····backgroup-color:·white;
··}
} |
| end_of_line |
@media·(ratio:·4/3)·{
··.blue,·.link·{·color:·blue;·}
··#error,·.error·{
····color:·red;
····backgroup-color:·white;
··}
} |
| end_of_line_no_space |
@media·(ratio:·4/3){
··.blue,·.link{·color:·blue;·}
··#error,·.error{
····color:·red;
····backgroup-color:·white;
··}
} |
Last modified: 27 December 2017