brikodili / bem Goto Github PK

Please use nesting for blocks.
Example:

.c-header {
  ...

  &__title {
    color: #ffffff;
  }

  &__subtitle {
    color: #b6cece;
  }

  &__title--red {
    color: #ffffff;
  }
}

имя класса purple - это хорошо когда не BEM. В данном случае цвет выступает как модификатор класса (М).
пример: c-cards--purple или c-cards__img--purple

Префиксы webkit-column-count и остальные лучше добавлять через сборщики. Для этого есть специальные пакеты.

• пробел между именем класса и скобкой;
• пробел между свойством и значением;
• отступ между классами

пример:

.c-switcher {
    background-color: #27212b;
    display: flex;
    width: 100%;
    justify-content: space-between;

  &__text {
    font-size: 0.85rem;
    color: #95859f;
    padding: 2rem;
  }

  &__arrow {
    background-color: #bc3184;
    padding: 2rem;
  }
}

отсутсвует файл с описанием задания и как запускать проект.
создай в корне проекта README.md и добавь в него описание

Please use next format for commits:
Task: description

Example: BEM: update main heading

Please use for style only class.

Bad example:

.c-navbar__link {
    list-style: none;

    a {
        color: #ffffff;
    }
}

Good example:

.c-navbar__link {
    list-style: none;

    .c-navbar__link-item {
        color: #ffffff;
    }
}

Please use variables for color and media breakpoints.
Example:

$color-white: #ffffff;

https://sass-lang.com/guide