Skip to content

BEM naming styles #66

@njsfield

Description

@njsfield
<div class="content overlay">
  <p> You are a...</p>
  <ul class="content--options">
    {{#each people}}
    {{{link this}}}
    {{/each}}
  </ul>
</div>

If content--options is dependent on content, it should be named content__options.

<div class="content overlay">
  <p> You are a...</p>
  <ul class="content__options">
    {{#each people}}
    {{{link this}}}
    {{/each}}
  </ul>
</div>

-- syntax is used for modifier rules, e.g. 'content__options--blue'.
See details about BEM naming conventions here

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions