Синтаксис sass, вложенность

На проектах используется препроцессор sass. Обязательно группировать классы и использовать вложенность.

На проектах рекомендовано пользоваться переменными и миксинами.

Допускается использовать теги в качестве селектора.

/* Хороший пример */
    main {
    .header {
        h1 {
        font-size: 2rem;
        font-weight: 700;
        }

        &__nav {
        display: flex;

            &__item {
            max-width: 20%;
                &--red {
                color: red;
                }
            }
        }
    }