@maxwellmri/bem

0.3.4 • Public • Published

bem

bem is a small helper function for managing BEM classes.

Install

npm install --save @maxwellmri/bem

Usage

bem can be used 3 ways.

  1. With an array
const b = bem("Block");
b(["&__component"]) // returns Block__component
ub(["&__component", "&--modified"]) // returns Block__component Block--modifier
  1. With an string
const b = bem("Block");
b("&__component") // returns Block__component
  1. With an object (for conditional classes)
const b = bem("Block");
b({ "&__component": true, "&--disabled": false }) // returns Block__component
b({ "&__component": true, "&--disabled": true }) // returns Block__component Block--disabled
  1. With multiple arguments
const b = bem("Block");
b(["&", "&--disabled"], "random") // returns Block Block--disabled random
b(["&", "&--disabled"], { "fizz": true, "buzz": false }) // returns Block Block--disabled fizz

Dependencies (0)

    Dev Dependencies (14)

    Package Sidebar

    Install

    npm i @maxwellmri/bem

    Weekly Downloads

    1

    Version

    0.3.4

    License

    MIT

    Unpacked Size

    8.03 kB

    Total Files

    7

    Last publish

    Collaborators

    • mnbbrown