Rider Help

Css - Spaces

Selector

Around operator

Property names:

[resharper_]css_space_around_selector_operator, [resharper_]space_around_selector_operator

Possible values:

true | false

Examples:

true
div·#error·colorred·}
false
div>#error·colorred·}

Before comma

Property names:

[resharper_]css_space_before_selector_comma, [resharper_]space_before_selector_comma

Possible values:

true | false

Examples:

true
#error·.error·colorred·}
false
#error.error·colorred·}

After comma

Property names:

[resharper_]css_space_after_selector_comma, [resharper_]space_after_selector_comma

Possible values:

true | false

Examples:

true
#error.error·colorred·}
false
#error,.error·colorred·}

Attribute selector

Within brackets

Property names:

[resharper_]css_space_within_attribute_match_brackets, [resharper_]space_within_attribute_match_brackets

Possible values:

true | false

Examples:

true
href$='.linkcolorblue·}
false
[href$='.link'colorblue·}

Around match operator

Property names:

[resharper_]css_space_around_attribute_match_operator, [resharper_]space_around_attribute_match_operator

Possible values:

true | false

Examples:

true
[href·$'.link'colorblue·}
false
[href$='.link'colorblue·}

Media query

Within parentheses

Property names:

[resharper_]css_space_within_media_parentheses, [resharper_]space_within_media_parentheses

Possible values:

true | false

Examples:

true
@media·ratio4/),·ratio3/{ ··.error·colorred} }
false
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }

Before colon

Property names:

[resharper_]css_space_before_media_colon, [resharper_]space_before_media_colon

Possible values:

true | false

Examples:

true
@media·(ratio·4/3),·(ratio·3/4{ ··.error·colorred} }
false
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }

After colon

Property names:

[resharper_]css_space_after_media_colon, [resharper_]space_after_media_colon

Possible values:

true | false

Examples:

true
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }
false
@media·(ratio:4/3),·(ratio:3/4{ ··.error·colorred} }

Before comma

Property names:

[resharper_]css_space_before_media_comma, [resharper_]space_before_media_comma

Possible values:

true | false

Examples:

true
@media·(ratio4/3(ratio3/4{ ··.error·colorred} }
false
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }

After comma

Property names:

[resharper_]css_space_after_media_comma, [resharper_]space_after_media_comma

Possible values:

true | false

Examples:

true
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }
false
@media·(ratio4/3),(ratio3/4{ ··.error·colorred} }

Within block

Property names:

[resharper_]css_space_within_media_block, [resharper_]space_within_media_block

Possible values:

true | false

Examples:

true
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }
false
@media·(ratio4/3),·(ratio3/4{ ··.error·colorred} }

Property

Within block

Property names:

[resharper_]css_space_within_property_block, [resharper_]space_within_property_block

Possible values:

true | false

Examples:

true
.error·{ ··colorred; ··padding0; }
false
.error·{ ··colorred; ··padding0; }

Before colon

Property names:

[resharper_]css_space_before_property_colon, [resharper_]space_before_property_colon

Possible values:

true | false

Examples:

true
.error·{ ··color·red; ··padding·0; }
false
.error·{ ··colorred; ··padding0; }

After colon

Property names:

[resharper_]css_space_after_property_colon, [resharper_]space_after_property_colon

Possible values:

true | false

Examples:

true
.error·{ ··colorred; ··padding0; }
false
.error·{ ··color:red; ··padding:0; }

Before semicolon

Property names:

[resharper_]css_space_before_property_semicolon, [resharper_]space_before_property_semicolon

Possible values:

true | false

Examples:

true
.error·{ ··colorred·; ··padding; }
false
.error·{ ··colorred; ··padding0; }

After semicolon

Property names:

[resharper_]css_space_after_property_semicolon, [resharper_]space_after_property_semicolon

Possible values:

true | false

Examples:

true
.error·{ ··colorred; ··padding0; }
false
.error·{ ··colorred; ··padding0; }

Function

Within parentheses

Property names:

[resharper_]css_space_within_function_parentheses, [resharper_]space_within_function_parentheses

Possible values:

true | false

Examples:

true
.black·colorrgb11}
false
.black·colorrgb(111}

Before comma

Property names:

[resharper_]css_space_before_function_comma, [resharper_]space_before_function_comma

Possible values:

true | false

Examples:

true
.black·colorrgb(1}
false
.black·colorrgb(111}

After comma

Property names:

[resharper_]css_space_after_function_comma, [resharper_]space_after_function_comma

Possible values:

true | false

Examples:

true
.black·colorrgb(111}
false
.black·colorrgb(1,1,1}

Expression

Within parentheses

Property names:

[resharper_]css_space_within_expression_parentheses, [resharper_]space_within_expression_parentheses

Possible values:

true | false

Examples:

true
widthcalc(1002px);·}
false
widthcalc(100(22px);·}

Around operator

Property names:

[resharper_]css_space_around_operator, [resharper_]space_around_operator

Possible values:

true | false

Examples:

true
widthcalc(100(22px);·}
false
widthcalc(100%/(3-2*1+2)*2px);·}

Before comma

Property names:

[resharper_]css_space_before_comma, [resharper_]space_before_comma

Possible values:

true | false

Examples:

true
font87.5%/1.429·Arial·sans-serif·}
false
font87.5%/1.429·Arialsans-serif·}

After comma

Property names:

[resharper_]css_space_after_comma, [resharper_]space_after_comma

Possible values:

true | false

Examples:

true
font87.5%/1.429·Arialsans-serif·}
false
font87.5%/1.429·Arial,sans-serif·}

Before separator

Property names:

[resharper_]css_space_before_separator, [resharper_]space_before_separator

Possible values:

true | false

Examples:

true
@media·(ratio/3{ ··font87.5/1.429·Arialsans-serif·} }
false
@media·(ratio4/3{ ··font87.5%/1.429·Arialsans-serif·} }

After separator

Property names:

[resharper_]css_space_after_separator, [resharper_]space_after_separator

Possible values:

true | false

Examples:

true
@media·(ratio43),·(ratio34{ ··font87.5%/·1.429·Arialsans-serif·} }
false
@media·(ratio4/3),·(ratio3/4{ ··font87.5%/1.429·Arialsans-serif·} }
Last modified: 11 October 2017