fileContent=`// В этом файле должны быть стили для БЭМ-блока ${blockName}, его элементов, \n// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...\n// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority\n\n.${blockName} {\n\n $block-name: &; // #{$block-name}__element {}\n\n}\n`;
fileContent=`// В этом файле должны быть стили для БЭМ-блока ${blockName}, его элементов, \n// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...\n// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority\n\n.${blockName} {\n\n $block-name: &; // #{$block-name}__element\n\n}\n`;
// fileCreateMsg = '';
// fileCreateMsg = '';
// Добавим созданный файл
// Добавим созданный файл
...
@@ -56,7 +56,7 @@ if (blockName) {
...
@@ -56,7 +56,7 @@ if (blockName) {
// Если это HTML
// Если это HTML
elseif(extention==='html'){
elseif(extention==='html'){
fileContent=`<!--DEV\n\nДля использования этого файла как шаблона:\n\n@ @include('blocks/${blockName}/${blockName}.html')\n\n(Нужно убрать пробел между символами @)\nПодробнее: https://www.npmjs.com/package/gulp-file-include\n\n-->\n\n<div class="${blockName}">content</div>\n`;
fileContent=`<!--DEV\n\nДля использования этого файла как шаблона:\n\n@ @include('blocks/${blockName}/${blockName}.html')\n\n(Нужно убрать пробел между символами @)\nПодробнее: https://www.npmjs.com/package/gulp-file-include\n\n\n\n<div class="${blockName}">content</div>\n\n-->\n`;
<p>По получению ссылками фокуса на их родителей с <code>.main-nav__item</code> добавляется модификатор <code>.main-nav__item--show-child</code>, что позволяет работать со вложенными меню с клавиатуры (сейчас предусмотрено только 3 уровня).</p>
<p>По получению ссылками фокуса на их родителей с <code>.main-nav__item</code> добавляется модификатор <code>.main-nav__item--show-child</code>, что позволяет работать со вложенными меню с клавиатуры (сейчас предусмотрено только 3 уровня).</p>
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Рукопись подпоясал деревни всеми ведущими великий, злых lorem собрал переписали лучше речью которой букв, продолжил заголовок переулка себя рукописи! Сих!</p>
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Рукопись подпоясал деревни всеми ведущими великий, злых lorem собрал переписали лучше речью которой букв, продолжил заголовок переулка себя рукописи! Сих!</p>
<span class="field-checkbox__name-text">Одинокий чекбокс такой одинокий, но с длинным... текстом внутри label-а. Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Жизни, свое рыбного решила. Точках семантика, решила оксмокс переписывается толку безопасную журчит рыбными, рекламных несколько осталось свой! Знаках, дороге грамматики.</span>
<span class="field-checkbox__name-text">Текст у флажка</span>
</label>
</label>
</div>
</div>
...
@@ -15,7 +24,7 @@
...
@@ -15,7 +24,7 @@
<span class="field-checkbox__name-text">Текст у флажка</span>
<span class="field-checkbox__name-text">Текст у флажка</span>
</label>
</label>
<div class="field-checkbox__help-text-wrap">
<div class="field-checkbox__help-text-wrap">
<div class="field-checkbox__help-text">Пояснение не обязательно.</div>
<span class="field-radio__name-text">Одинокий радиобаттон такой одинокий, но с длинным... текстом внутри label-а. Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Жизни, свое рыбного решила. Точках семантика, решила оксмокс переписывается толку безопасную журчит рыбными, рекламных несколько осталось свой! Знаках, дороге грамматики.</span>
<span class="field-radio__name-text">Текст у радиобаттона</span>
</label>
</label>
</div>
</div>
...
@@ -15,7 +22,7 @@
...
@@ -15,7 +22,7 @@
<span class="field-radio__name-text">Текст у радиобаттона</span>
<span class="field-radio__name-text">Текст у радиобаттона</span>
</label>
</label>
<div class="field-radio__help-text-wrap">
<div class="field-radio__help-text-wrap">
<div class="field-radio__help-text">Пояснение не обязательно.</div>
<span class="field-text__help-text">Обёртка — <code>label</code>. Можно сделать обёртку <code>div</code>, но тогда, возможно, захочется элемент <code>.field-text__name</code> делать <code>label</code> и связывать его с полем по <code>id</code> поля.</span>
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Запятой если рыбного всемогущая выйти за но, то щеке, одна свое снова сбить вопроса? Семь свой, его это. Силуэт!</p>
Для поддержки IE используйте svg4everybody — https://www.npmjs.com/package/svg4everybody
Для поддержки IE используе svg4everybody — https://www.npmjs.com/package/svg4everybody (по умолчанию включен в сборку, включается в JS-файле этого блока)
