Human Made CSS/SCSS Standards

Naming Conventions

Use BEM-like naming:

• Block: .user-card
• Element: .user-card__title
• Modifier: .user-card--featured

.user-card {
    padding: 1rem;

    &__title {
        font-size: 1.25rem;
    }