CSS275 Documents

Selector Lines

Put each selector in a group on its own line, with the opening brace after the last selector. Put declarations and nested selectors below the brace.

Correct

.item {
    @apply border;
}
.item,
.field {
    @apply border;
}

Incorrect

.card { @apply border; }
.card, .tile {
    @apply border;
}

Fix

Split grouped selectors at commas and move declarations and nested selectors below the opening brace.