Skip to content

Commit

Permalink
fix(*): fix a typo
Browse files Browse the repository at this point in the history
  • Loading branch information
Almasov Tagir authored and Almasov Tagir committed Oct 22, 2017
1 parent 6cd86b1 commit b2286ac
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -261,7 +261,7 @@ <h3>Миксование — комбинирование на одном тег
<ul>
<li>Добавить некоторые стилевые свойства, необходимые только в месте добавления (использование модификатора нерационально). Пример: для <code>.btn</code> внутри <code>.page-header</code> необходим внешний левый отступ в 37 пикс. Можно дописать для тега с <code>.btn</code> дополнительный класс <code>.page-header__btn</code> и дать отступ с помощью этого селектора. <b>Это нормальная практика, её можно спокойно использовать</b>.</li>
<li>Объединить стилизацию 2-х и более блоков. Пример: для <code>.article</code> и для <code>.page-footer__section</code> шрифтовые свойства одинаковы. Можно вынести определение шрифтовых свойств в новый блок <code>.text</code> и дописать этот класс на <code>.article</code> и <code>.page-footer__section</code>. <b>Этот подход излишне связывет части страницы</b> (напоминает OOCSS и класс-хелпер), не делайте так.</li>
<li>Обойтись без тега-обёртки с добавляемым селектором. Пример: страница каталога, 7+ товаров в потоке, каждый товар — <code>.product</code>, но каждому элементу потока нужны стилевые свойства ячеек модульной сетки (по которой выстроен потоковый вывод). Можно добавить для <code>.product</code> класс ячейки модульной сетки, что бы не делать обертку с этим классом. Это черевато конфликтом отступов/размеров, не смешивайте на одном теге классы обёртки и содержимого.</li>
<li>Обойтись без тега-обёртки с добавляемым селектором. Пример: страница каталога, 7+ товаров в потоке, каждый товар — <code>.product</code>, но каждому элементу потока нужны стилевые свойства ячеек модульной сетки (по которой выстроен потоковый вывод). Можно добавить для <code>.product</code> класс ячейки модульной сетки, что бы не делать обертку с этим классом. Это чревато конфликтом отступов/размеров, не смешивайте на одном теге классы обёртки и содержимого.</li>
</ul>
<p>Классы БЭМ-блоков следует писать первыми.</p>
<p>Миксование несколько ухудшает восприятие кода и увеличивает вероятность ошибки смешения стилей, при которой вы пишите стилевое правило в контексте не того селектора, где оно реально нужно.</p>
Expand Down

0 comments on commit b2286ac

Please sign in to comment.