View all rules

S1 Accord to internal component structure

Follow the prescribed component structure. You should use the correct component structure, with the right block level comments.

// Button

$c-button-bg: #5899F3 !default;

.c-button {
    background: $c-button-bg;
    padding: 1rem 0.8rem;
}
/* ==========================================
    c-button
   ========================================== */

/* Variables
   ========================================= */

$c-button-bg: #5899F3 !default;

/* Component
   ========================================== */

.c-button {
    background: $c-button-bg;
    padding: 1rem 0.8rem;
}