Skip to content

Commit

Permalink
Merge pull request #42 from bem/issue-36
Browse files Browse the repository at this point in the history
Updated README files
  • Loading branch information
Andrew Abramov committed Oct 31, 2014
2 parents 1b44373 + 3dc2212 commit 022f888
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 1 deletion.
28 changes: 28 additions & 0 deletions README.md
Expand Up @@ -248,6 +248,34 @@ myNaming.stringify({ // 'blockName-elemName--boolElemMod'
});
```

Convention by Harry Roberts
---------------------------

According to this convention elements are delimited with two underscores (__), and boolean modifiers are delimited by two hyphens (--).
Key-value modifiers are not used.

Read more in the [Guidelines](http://cssguidelin.es/#bem-like-naming).

Example:

```js
var BEMNaming = bemNaming.BEMNaming;
var csswizardry = new BEMNaming({
elem: '__',
mod: '--'
});

csswizardry.parse('block__elem'); // { block: 'block', elem: 'elem' }
csswizardry.parse('block--mod'); // { block: 'block',
// modName: 'mod', modVal: true }

csswizardry.stringify({ // 'block__elem--mod'
block: 'block',
elem: 'elem',
modName: 'mod'
});
```

License
-------

Expand Down
29 changes: 28 additions & 1 deletion README.ru.md
Expand Up @@ -239,7 +239,7 @@ var myNaming = new BEMNaming({
// элементов и модификаторов

myNaming.parse('block--mod'); // { block: 'block',
// modName: 'modFixed', modVal: true }
// modName: 'mod', modVal: true }

myNaming.stringify({ // 'blockName-elemName--boolElemMod'
block: 'blockName',
Expand All @@ -248,6 +248,33 @@ myNaming.stringify({ // 'blockName-elemName--boolElemMod'
});
```

В стиле Гарри Робертса
----------------------

Согласно этому соглашению элементы отделяются от блока с помошью двух символов подчёркивания (__), а булевые модификаторы с помощью двух символов дефиса (--). Модификаторы вида ключ-значение не используются.

Подробнее читайте в [руководстве](http://cssguidelin.es/#bem-like-naming).

Пример:

```js
var BEMNaming = bemNaming.BEMNaming;
var csswizardry = new BEMNaming({
elem: '__',
mod: '--'
});

csswizardry.parse('block__elem'); // { block: 'block', elem: 'elem' }
csswizardry.parse('block--mod'); // { block: 'block',
// modName: 'mod', modVal: true }

csswizardry.stringify({ // 'block__elem--mod'
block: 'block',
elem: 'elem',
modName: 'mod'
});
```

Лицензия
--------

Expand Down

0 comments on commit 022f888

Please sign in to comment.