Css - Code Layout

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: 11 October 2017