Commit 499e767d authored by Nikolay Gromov's avatar Nikolay Gromov

Описание: мелкие правки

parent 2ba2bc7d
...@@ -95,8 +95,6 @@ ...@@ -95,8 +95,6 @@
5. [gulp-cleancss](https://github.com/mgcrea/gulp-cleancss) (только в режиме сборки без карт кода) 5. [gulp-cleancss](https://github.com/mgcrea/gulp-cleancss) (только в режиме сборки без карт кода)
6. [postcss-object-fit-images](https://github.com/ronik-design/postcss-object-fit-images) (в паре с [полифилом](https://github.com/bfred-it/object-fit-images)) 6. [postcss-object-fit-images](https://github.com/ronik-design/postcss-object-fit-images) (в паре с [полифилом](https://github.com/bfred-it/object-fit-images))
Для [postcss-image-inliner](https://www.npmjs.com/package/postcss-image-inliner) указано ограничение на размер файла в 5 Кб, файлы ищутся в `src/blocks/**/bg-img/`. Чтобы избежать конфликтов имен, добавляйте к именам изображений префикс (имя блока), например: `src/blocks/mega-block/bg-img/mega-block__avatar.png`
### Модульная сетка (flexbox) ### Модульная сетка (flexbox)
По умолчанию в сборку берётся [файл с примесями](https://github.com/nicothin/NTH-start-project/blob/master/src/scss/mixins/grid-mixins.scss), возвращающими правила модульной сетки. Никаких селекторов в CSS не добавляет, нужно писать семантические селекторы и вызывать примеси, передавая им настройки сетки. Настройки по умолчанию вынесены в переменные (`$grid-columns: 12;` и `$grid-gutter-width: 30px;`). По умолчанию в сборку берётся [файл с примесями](https://github.com/nicothin/NTH-start-project/blob/master/src/scss/mixins/grid-mixins.scss), возвращающими правила модульной сетки. Никаких селекторов в CSS не добавляет, нужно писать семантические селекторы и вызывать примеси, передавая им настройки сетки. Настройки по умолчанию вынесены в переменные (`$grid-columns: 12;` и `$grid-gutter-width: 30px;`).
...@@ -112,15 +110,15 @@ ...@@ -112,15 +110,15 @@
Возможное содержимое блока: Возможное содержимое блока:
```bash ```bash
demo-block/ # Папка блока demo-block/ # Папка блока.
img/ # Изображения, используемые блоком и обрабатываемые автоматикой сборки img/ # Изображения, используемые блоком и обрабатываемые автоматикой сборки.
bg-img/ # Изображения для использования в стилях (не обрабатываются автоматикой сборки) bg-img/ # Изображения для использования в стилях (не обрабатываются автоматикой сборки).
demo-block.pug # **Обязательный**. Разметка (pug-примесь, отдающая разметку блока, описание API примеси) demo-block.pug # Разметка (pug-примесь, отдающая разметку блока, описание API примеси).
demo-block.scss # **Обязательный**. Стилевой файл блока demo-block.scss # Стилевой файл блока.
demo-block.js # js-файл блока demo-block.js # js-файл блока.
demo-block--mod.scss # Отдельный стилевой файл БЭМ-модификатора блока demo-block--mod.scss # Отдельный стилевой файл БЭМ-модификатора блока.
demo-block--mod.js # js-файл для отдельного БЭМ-модификатора блока demo-block--mod.js # js-файл для отдельного БЭМ-модификатора блока.
readme.md # Описание для документации, подсказки readme.md # Описание для документации, подсказки.
``` ```
...@@ -312,15 +310,15 @@ node createBlock.js block-test # создаст папку блока, block-tes ...@@ -312,15 +310,15 @@ node createBlock.js block-test # создаст папку блока, block-tes
```bash ```bash
build/ # Папка сборки, здесь работает сервер автообновлений. build/ # Папка сборки, здесь работает сервер автообновлений.
src/ # Исходные файлы src/ # Исходные файлы.
blocks/ # - блоки проекта blocks/ # - блоки проекта.
css/ # - добавочные css-файлы (нужно подключить в copiedCss, иначе игнорируются) css/ # - добавочные css-файлы (нужно подключить в copiedCss, иначе игнорируются).
favicon/ # - файлы для фавиконок и смежных технологий favicon/ # - файлы для фавиконок и смежных технологий.
fonts/ # - шрифты проекта (будут автоматически скопированы в папку сборки) fonts/ # - шрифты проекта (будут автоматически скопированы в папку сборки).
img/ # - добавочные или общие для нескольких блоков картинки (нужно подключить в addImages, иначе игнорируются) img/ # - добавочные или общие для нескольких блоков картинки (нужно подключить в addImages, иначе игнорируются).
js/ # - добавочные js-файлы (нужно подключить в addJsBefore, addJsAfter или copiedJs, иначе игнорируются) js/ # - добавочные js-файлы (нужно подключить в addJsBefore, addJsAfter или copiedJs, иначе игнорируются).
pug/ # - примеси, шаблоны pug pug/ # - примеси, шаблоны pug.
scss/ # - стили (файл style.scss скомпилируется, прочие нужно подключить в addCssBefore, addCssAfter или singleCompiled, иначе они будут проигнорированы) scss/ # - стили (файл style.scss скомпилируется, прочие нужно подключить в addCssBefore, addCssAfter или singleCompiled, иначе игнорируются).
index.pug # - главная страница проекта index.pug # - главная страница проекта.
blocks-demo.pug # - библиотека блоков blocks-demo.pug # - библиотека блоков.
``` ```
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment