Css - Code Layout
Code layout
Declarations
Property names:
[resharper_]css_declarations_style, [resharper_]declarations_style
Possible values:
separate_lines_for_nonsingle: On separate lines if not simpleseparate_lines: On separate linessame_line: Single line formating
Examples:
| separate_lines_for_nonsingle |
|---|
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
} |
| separate_lines |
|---|
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
} |
| same_line |
|---|
.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:
same_line: Single line formatingseparate_lines: On separate lines
Examples:
| same_line |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.blue { color: blue; }
} |
| separate_lines |
|---|
@media
(ratio: 4/3),
(ratio: 3/4) {
.blue { color: blue; }
} |
Selector
Property names:
[resharper_]css_selector_style, [resharper_]selector_style
Possible values:
same_line: Single line formatingseparate_lines: On separate lines
Examples:
| same_line |
|---|
.blue, .link { color: blue; } |
| separate_lines |
|---|
.blue,
.link { color: blue; } |
Properties
Property names:
[resharper_]css_properties_style, [resharper_]properties_style
Possible values:
separate_lines_for_nonsingle: On separate lines if not simpleseparate_lines: On separate linessame_line: Single line formating
Examples:
| separate_lines_for_nonsingle |
|---|
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
} |
| separate_lines |
|---|
.blue, .link {
color: blue;
}
#error, .error {
color: red;
backgroup-color: white;
} |
| same_line |
|---|
.blue, .link { color: blue; }
#error, .error { color: red; backgroup-color: white; } |
Braces
Property names:
[resharper_]css_brace_style, [resharper_]brace_style
Possible values:
end_of_line: At end of line (K&R style)end_of_line_no_space: At end of line (no space)next_line: At next line (BSD style)next_line_shifted: At next line indented (Whitesmiths style)next_line_shifted_2: At next line indented 2 (GNU style)
Examples:
| 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;
}
} |
| next_line |
|---|
@media (ratio: 4/3)
{
.blue, .link
{
color: blue;
}
#error, .error
{
color: red;
backgroup-color: white;
}
} |
| 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;
}
} |