add

TODO

 ☐ Вынести SVG-спрайты в отдельный компонент
-☐ Добавить задачу публикации build/ в ветку gh-pages
+☐ Добавить сексуальную стилизацию страницы библиотеки компонентов
 ☐ Сделать: таблицы — адаптивные таблицы — добавлять дата-атрибуты JS-ом
 ☐ Сделать: Селект с идентичными везде уголками
 ☐ Сделать: Флажок-свитчер, радиокнопку-свитчер
@@ -41,3 +41,4 @@
   ✔ Тестировать: копирование добавочных CSS при изменении файлов @done (28.02.2016 00:07)
   ✔ Тестировать: копирование изображений при изменении файлов @done (28.02.2016 00:07)
 ✔ Добавить задачу оптимизации графики по указуемому адресу @done (29.02.2016 01:58)
+✔ Добавить задачу публикации build/ в ветку gh-pages @done (29.02.2016 16:43)

createBlock.js

@@ -24,7 +24,7 @@ if(blockName) {
         let fileContent = '';
         let fileCreateMsg = '';
         if(extention == 'less') {
-          fileContent = '@import "' + dirs.source + '/less/variables.less";     // только для удобства обращения к переменным\n@import "' + dirs.source + '/less/mixins/mixins.less"; // только для удобства обращения к примесям\n\n\n.' + blockName + ' {\n  \n}\n';
+          fileContent = '@import "../../less/variables.less";     // только для удобства обращения к переменным\n@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям\n\n\n.' + blockName + ' {\n  \n}\n';
           fileCreateMsg = '[NTH] Для импорта стилей: @import "' + dirs.source + '/blocks/' + blockName + '/' + blockName + '.less";';
         }
         else if(extention == 'html') {

src/blocks/btn/btn.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .btn {

src/blocks/field-actions/field-actions.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-actions {

src/blocks/field-checkbox/field-checkbox--custom.less

+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
+
+
 .field-checkbox {
 
   &--custom {

src/blocks/field-checkbox/field-checkbox.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-checkbox {

src/blocks/field-file/field-file.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-file {

src/blocks/field-radio/field-radio--custom.less

+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
+
+
 .field-radio {
 
   &--custom {

src/blocks/field-radio/field-radio.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-radio {

src/blocks/field-range/field-range.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-range {

src/blocks/field-select/field-select.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-select {

src/blocks/field-text/field-text.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .field-text {

src/blocks/form/form--horizontal.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .form {

src/blocks/form/form.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .form {

src/blocks/page-footer/page-footer.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .page-footer {

src/blocks/page-header/page-header.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 .page-header {

src/blocks/table-responsive/table-responsive.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
-@import "./src/less/mixins/mixins.less"; // только для удобства обращения к примесям
+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
 
 
 //------------------------------------------------------------------------------

src/blocks/thumb/thumb.html

+<!--DEV
+
+<img class="thumb" src="" height="" width="" alt="">
+
+-->

src/blocks/thumb/thumb.less

+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
+
+
+.thumb {
+  display: inline-block;
+  padding: .4rem;
+  line-height: @line-height;
+  background-color: @body-bg;
+  border: 1px solid @gray-light;
+  border-radius: @border-radius;
+  transition: all @transition-time;
+
+  a:hover & {
+    border-color: @link-color;
+  }
+}

src/blocks_library.html

@@ -12,12 +12,18 @@
 @@include('blocks/page-header/page-header.html')
 
 <section class="container  blocks-library">
+
   <h1>Библиотека блоков <a href="/">проекта</a></h1>
-  <p>Стартовое состояние проекта содержит ряд блоков и глобальных стилей, описанных и показанных в этом файле. Если некоторые блоки показаны без стилизации, значит они не используются и импорт их стилей отключен в файле диспетчера подключений.</p>
+
+  <p>Стартовое состояние проекта содержит ряд блоков и глобальных стилей, описанных и показанных в этом файле. Если некоторые блоки не работают, значит импорт их стилей отключен в файле диспетчера подключений.</p>
+
+
 
   <section class="blocks-library__item">
+
     <h2 class="blocks-library__title" id="typo">Типографика, код</h2>
     <p>Стилизация: теги (см. глобальные стили)</p>
+
     <div class="row">
       <div class="col-md-6">
         <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут <a href="/">рыбные ссылки</a>. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
@@ -71,7 +77,12 @@
         <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
       </div>
       <div class="col-md-6">
-        <p><img src="img/TEMP-DavidBlaine.jpg" alt=""></p>
+        <p>
+          <img src="img/TEMP-DavidBlaine.jpg" height="331" width="382" alt="">
+          <img class="thumb" src="img/TEMP-DavidBlaine.jpg" height="331" width="382" alt="">
+          <img class="thumb" src="img/TEMP-DavidBlaine.jpg" width="120" alt="">
+          <a href=""><img class="thumb" src="img/TEMP-DavidBlaine.jpg" width="120" alt=""></a>
+        </p>
         <table>
           <tr>
             <td><code>&lt;a&gt;</code></td>
@@ -146,8 +157,10 @@
 
 
   <section class="blocks-library__item">
+
     <h2 class="blocks-library__title" id="tables">Таблицы</h2>
     <p>Стилизация: теги (см. глобальные стили)</p>
+
     <div class="row">
       <div class="col-md-6">
         <table>
@@ -182,6 +195,7 @@
         </table>
       </div>
     </div>
+
     <section class="blocks-library__item">
       <h3 id="tables-responsive">Адаптивные таблицы</h3>
       <p>Стилизация: БЭМ-блок <code>.table-responsive</code></p>

src/fonts/readme.md

 Файлы из этой папки никуда не копируются. Предполагается использовать http://jaicab.com/localFont/ для создания CSS со шрифтами.
+
+Символы, которые имеет смысл брать в шрифт:
+
+ !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¢£¥¨©«®´¸»ˆ˚˜ЁАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюяё‐‑‒–—―‘’‚“”„…‰‹›€™

src/less/style.less

@@ -18,3 +18,4 @@
 @import "./src/blocks/field-actions/field-actions.less";
 @import "./src/blocks/form/form.less";
 @import "./src/blocks/form/form--horizontal.less";
+@import "./src/blocks/thumb/thumb.less";

src/less/variables.less

@@ -84,3 +84,4 @@
 
 @border-radius:               .3rem;       // универсальное сглаживание углов бордюра
 @opacity:                     .7;          // универсальная прозрачность
+@transition-time:             .3s;         // время плавных переходов