General formatting

Atomic Design System architecture with SCSS, ITCSS

Search…

General formatting

4 spaces indentation :
.ga-button {
....color: blue;
​
....&__icon {
........margin-left: 1rem;    
....}
}
Each opening block should be preceded by a blank line :
.ga-button {
    color: blue;
    
    /* blank */
    &__icon {
        margin-left: 1rem;    
    }
}
Each properties-value and opening block should be preceded and followed by line-break :
( even for one line declarations )
.ga-button {
    color: blue;
}
​

Conventions - Previous

Media / responsives modifiers

Next - Conventions

Declaration Orders

Last modified 3yr ago

Copy link

Outline

4 spaces indentation :

Each opening block should be preceded by a blank line :

Each properties-value and opening block should be preceded and followed by line-break :