ReSharper 2017.1 Help

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·colorblue}#error.error·{ ·······························colorred; ·······························backgroup-colorwhite; ·····························}
separate_lines
.blue.link·colorblue} #error.error·{ ··colorred; ··backgroup-colorwhite; }
separate_lines_for_nonsingle
.blue.link·colorblue} #error.error·{ ··colorred; ··backgroup-colorwhite; }

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 (ratio4/3), (ratio3/4{ ··.blue·colorblue} }
same_line
@media·(ratio4/3),·(ratio3/4{ ··.blue·colorblue} }

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·colorblue}
same_line
.blue.link·colorblue}

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·colorblue} #error.error·colorredbackgroup-colorwhite}
separate_lines
.blue.link·{ ··colorblue; } #error.error·{ ··colorred; ··backgroup-colorwhite; }
separate_lines_for_nonsingle
.blue.link·colorblue} #error.error·{ ··colorred; ··backgroup-colorwhite; }

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·(ratio4/3) ··{ ··.blue.link ····{ ····colorblue; ····} ··#error.error ····{ ····colorred; ····backgroup-colorwhite; ····} ··}
next_line_shifted_2
@media·(ratio4/3) ··{ ····.blue.link ······{ ········colorblue; ······} ····#error.error ······{ ········colorred; ········backgroup-colorwhite; ······} ··}
next_line
@media·(ratio4/3) { ··.blue.link ··{ ····colorblue; ··} ··#error.error ··{ ····colorred; ····backgroup-colorwhite; ··} }
end_of_line
@media·(ratio4/3{ ··.blue.link·colorblue} ··#error.error·{ ····colorred; ····backgroup-colorwhite; ··} }
end_of_line_no_space
@media·(ratio4/3){ ··.blue.linkcolorblue} ··#error.error{ ····colorred; ····backgroup-colorwhite; ··} }
Last modified: 4 July 2017