lint all files

.lesshintrc

 {
+  "excludedFiles": [
+    "btn-mixins.less",
+    "global-print.less",
+    "grid-mixins.less",
+    "responsive-mixins.less",
+    "table-responsive-mixins.less"
+  ],
   "emptyRule": false,
   "importantRule": false,
   "propertyOrdering": false,
@@ -12,9 +19,6 @@
   "hexNotation": {
     "style": "lowercase"
   },
-  "stringQuotes": {
-    "style": "double"
-  },
   "idSelector": {
     "exclude": []
   },
@@ -30,5 +34,10 @@
     "filenameExtension": true,
     "leadingUnderscore": false,
     "exclude": []
+  },
+  "duplicateProperty": {
+    "exclude": [
+      "outline"
+    ]
   }
 }

README.md

@@ -17,6 +17,7 @@
 - Есть глобальные файлы: css, js, шрифты, картинки, less-файлы (переменные, глобальная стилизация...).
 - Есть диспетчер подключений `/src/less/style.less`. Если в нем импортирован less-файл какого-либо блока, этот блок считается используемым (обрабатывается его js и доп. файлы).
 - Для разметки можно использовать [микрошаблонизацию](https://www.npmjs.com/package/gulp-file-include) — обычное включение разметки мелких файлов внутрь больших файлов с возможностью передавать какие-то данные в мелкие файлы. А можно и не использовать.
+- Перед коммитом происходит проверка кода. Если проверка не пройдена, коммит не будет создан. В этом случае нужно исправить код в соответствии с подсказками в консоли, заново проиндексировать файлы и создать коммит.
 
 
 ### Блоки

src/blocks/blockquote-right/blockquote-right.less

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

src/blocks/blocks-library/blocks-library.less

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

src/blocks/btn-group/btn-group.less

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

src/blocks/btn/btn.less

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

src/blocks/checked-btn/checked-btn.less

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

src/blocks/dl-horizontal/dl-horizontal.less

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

src/blocks/dropdown/dropdown.less

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .dropdown {
@@ -19,7 +19,7 @@
   //     content: '';
   //     display: inline-block;
   //     vertical-align: middle;
-  //     margin-left: .3em;
+  //     margin-left: 0.3em;
   //     width: 0;
   //     height: 0;
   //     border-style: solid;
@@ -62,7 +62,7 @@
     ul& {
       min-width: 16rem;
       list-style: none;
-      padding: .3em 0;
+      padding: 0.3em 0;
 
       > li > a {
         display: block;
@@ -70,7 +70,7 @@
         width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
-        padding: .3em 1em;
+        padding: 0.3em 1em;
         color: @text-color;
         text-decoration: none;
 
@@ -83,8 +83,8 @@
 
   &__menu-separator {
     &:not(:last-child) {
-      padding-bottom: .3em;
-      margin-bottom: .3em;
+      padding-bottom: 0.3em;
+      margin-bottom: 0.3em;
       border-bottom: 1px solid @border-color;
     }
   }

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

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

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

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

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

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .field-checkbox {
@@ -20,13 +20,13 @@
     padding-left: 1.3em;
     font-weight: 400;
     display: inline-block;
-    margin-right: .6em;
+    margin-right: 0.6em;
     line-height: @line-height;
   }
 
   &__input {
     position: absolute;
-    top: .25em;
+    top: 0.25em;
     left: 0;
   }
 

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

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

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

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .field-radio {
@@ -21,7 +21,7 @@
         width: 1.13em;
         height: 1.13em;
         position: absolute;
-        top: .1em;
+        top: 0.1em;
         left: 0;
         content: '';
         background-size: 1.125em 1.125em;

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

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .field-radio {
@@ -20,12 +20,12 @@
     padding-left: 1.3em;
     font-weight: 400;
     display: inline-block;
-    margin-right: .6em;
+    margin-right: 0.6em;
   }
 
   &__input {
     position: absolute;
-    top: .25em;
+    top: 0.25em;
     left: 0;
   }
 

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

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .field-range {
@@ -20,8 +20,8 @@
     padding: 0;
     width: 100%;
     height: 2em;
-    border-radius: .25rem;
-    border: none;
+    border-radius: 0.25rem;
+    border: 0;
     background: none;
     font-size: inherit;
     cursor: pointer;
@@ -40,7 +40,7 @@
     // Да, да, это — локальная примесь для трёх нижеследующих правил.
     .field-range-track() {
       box-sizing: border-box;
-      border: none;
+      border: 0;
       width: 100%;
       height: 0.75em;
       border-radius: @border-radius;
@@ -61,7 +61,7 @@
     // Да, да, и это — локальная примесь.
     .field-range-thumb() {
       box-sizing: border-box;
-      border: none;
+      border: 0;
       padding: 0;
       width: 2em;
       height: 2em;
@@ -72,7 +72,7 @@
 
     // Увы, тут похожие наборы свойств приходится писать порознь.
     &::-webkit-slider-thumb {
-      margin-top: -.68em;
+      margin-top: -0.68em;
       .field-range-thumb(); // локальная примесь!
     }
     &::-moz-range-thumb {

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

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

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

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

src/blocks/field-toggler/field-toggler.less

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .field-toggler {
@@ -20,7 +20,7 @@
     padding-left: 2.7em;
     font-weight: 400;
     display: inline-block;
-    margin-right: .6em;
+    margin-right: 0.6em;
     line-height: @line-height;
   }
 
@@ -37,7 +37,7 @@
       left: 0;
       background-color: @gray-lighter;
       border: 1px solid @border-color;
-      transition: background-color .3s;
+      transition: background-color 0.3s;
     }
 
     & + .field-toggler__name-text:after {
@@ -49,7 +49,7 @@
       width: 1em;
       background: #fff;
       border: 1px solid @border-color;
-      transition: left .3s;
+      transition: left 0.3s;
     }
 
     &:checked + .field-toggler__name-text:before {

src/blocks/fields-group/fields-group.less

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

src/blocks/fields-group/fields-group__item--dropdown.less

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

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

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .form {
@@ -19,8 +19,8 @@
       .field-select__name {
         width: 15rem;
         min-width: 15rem;
-        padding-top: .42em;
-        padding-right: .6em;
+        padding-top: 0.42em;
+        padding-right: 0.6em;
         margin-bottom: 0;
       }
 
@@ -29,7 +29,7 @@
       .field-file__name {
         width: 15rem;
         min-width: 15rem;
-        padding-right: .6em;
+        padding-right: 0.6em;
         margin-bottom: 0;
       }
 

src/blocks/form/form.less

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

src/blocks/list-bullet/list-bullet.less

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .list-bullet {
@@ -10,7 +10,7 @@
     &:before {
       content: '';
       position: absolute;
-      top: .6em;
+      top: 0.6em;
       left: -1.3em;
       font-size: 80%;
       width: 0.5em;

src/blocks/list-nums/list-nums.less

-@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import '../../less/variables.less';     // только для удобства обращения к переменным
 
 
 .list-nums {
@@ -8,7 +8,7 @@
 
   & & {
     counter-reset: li-in;
-    padding-top: .25em;
+    padding-top: 0.25em;
 
     & > li {
       &:before {
@@ -21,14 +21,14 @@
   & > li {
     position: relative;
     padding-left: 1.8em;
-    padding-top: .25em;
-    padding-bottom: .25em;
+    padding-top: 0.25em;
+    padding-bottom: 0.25em;
 
     &:before {
       content: counter(li);
       counter-increment: li;
       position: absolute;
-      top: .35em;
+      top: 0.35em;
       left: 0;
       font-size: 70%;
       width: 1.9em;

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

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

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

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

src/blocks/step-list/step-list.less

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

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

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

src/blocks/thumb/thumb.less

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

src/less/global/global-forms.less

@@ -27,9 +27,9 @@ textarea {
 }
 
 button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
+html input[type='button'],
+input[type='reset'],
+input[type='submit'] {
   -webkit-appearance: button;
   cursor: pointer;
 }
@@ -39,17 +39,17 @@ html input[disabled] {
   cursor: default;
 }
 
-input[type="search"] {
+input[type='search'] {
   -webkit-appearance: none;
 }
 
-input[type="checkbox"],
-input[type="radio"] {
+input[type='checkbox'],
+input[type='radio'] {
   padding: 0;
 }
 
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -87,20 +87,20 @@ legend {
 
 select,
 textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="color"],
-input[type="tel"] {
+input[type='text'],
+input[type='password'],
+input[type='datetime'],
+input[type='datetime-local'],
+input[type='date'],
+input[type='month'],
+input[type='time'],
+input[type='week'],
+input[type='number'],
+input[type='email'],
+input[type='url'],
+input[type='search'],
+input[type='color'],
+input[type='tel'] {
   background-color: #fff;
   border: 1px solid @border-color;
   border-radius: @border-radius;
@@ -117,11 +117,11 @@ select[multiple] {
   height: auto;
 }
 
-input[type="color"] {
+input[type='color'] {
   max-width: 100px;
 }
 
-input[type="range"] {
+input[type='range'] {
   width: 100%;
 }
 

src/less/global/global-grid.less

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

src/less/global/global-print.less

@@ -14,16 +14,16 @@
   }
 
   a[href]:after {
-    content: " (" attr(href) ")";
+    content: ' (' attr(href) ')';
   }
 
   abbr[title]:after {
-    content: " (" attr(title) ")";
+    content: ' (' attr(title) ')';
   }
 
-  a[href^="#"]:after,
-  a[href^="javascript:"]:after {
-    content: "";
+  a[href^='#']:after,
+  a[href^='javascript:']:after {
+    content: ';
   }
 
   pre,

src/less/global/global-scaffolding.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
+@import './src/less/variables.less';     // только для удобства обращения к переменным
 
 
 
@@ -15,18 +15,20 @@
 // Make viewport responsive
 // see http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
 @at-root {
-  @-ms-viewport { width: device-width; }
+  @-ms-viewport {
+    width: device-width;
+  }
 }
 
 // Suppress the focus outline on elements that cannot be accessed via keyboard.
 // see: https://github.com/suitcss/base
-[tabindex="-1"]:focus {
+[tabindex='-1']:focus {
   outline: none !important;
 }
 
-// iOS "clickable elements" fix for role="button"
+// iOS 'clickable elements' fix for role='button'
 // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
-[role="button"] {
+[role='button'] {
   cursor: pointer;
 }
 
@@ -38,7 +40,7 @@
 a,
 area,
 button,
-[role="button"],
+[role='button'],
 input,
 label,
 select,
@@ -60,7 +62,7 @@ textarea {
 html {
   box-sizing: border-box;
   font-size: 8px;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -ms-overflow-style: scrollbar;
   -ms-text-size-adjust: 100%;
   min-width: 320px;
@@ -105,17 +107,29 @@ img {
 //------------------------------------------------------------------------------
 
 // .h1,
-h1 { font-size: @font-size--h1; }
+h1 {
+  font-size: @font-size--h1;
+}
 // .h2,
-h2 { font-size: @font-size--h2; }
+h2 {
+  font-size: @font-size--h2;
+}
 // .h3,
-h3 { font-size: @font-size--h3; }
+h3 {
+  font-size: @font-size--h3;
+}
 // .h4,
-h4 { font-size: @font-size--h4; }
+h4 {
+  font-size: @font-size--h4;
+}
 // .h5,
-h5 { font-size: @font-size--h5; }
+h5 {
+  font-size: @font-size--h5;
+}
 // .h6,
-h6 { font-size: @font-size--h6; }
+h6 {
+  font-size: @font-size--h6;
+}
 
 // .h1, .h2, .h3, .h4, .h5, .h6,
 h1, h2, h3, h4, h5, h6 {
@@ -211,8 +225,8 @@ sup {
 
 // .mark,
 mark {
-  background: #FCF8E3;
-  padding: .1em .3em;
+  background: #fcf8e3;
+  padding: 0.1em 0.3em;
 }
 
 b,
@@ -225,7 +239,7 @@ abbr[title] {
 }
 
 blockquote {
-  padding: 0 0 0 .5em;
+  padding: 0 0 0 0.5em;
   margin-left: 0;
   margin-right: 0;
   border-left: 1px solid @border-color;
@@ -267,12 +281,12 @@ samp {
 code {
   color: @text-color;
   background-color: @gray-lighter;
-  padding: .06em .3em;
+  padding: 0.06em 0.3em;
   border-radius: @border-radius;
 }
 
 kbd {
-  padding: .06em .3em;
+  padding: 0.06em 0.3em;
   color: @text-color;
   background-color: @gray-lighter;
   border-radius: @border-radius;
@@ -289,7 +303,7 @@ pre {
   margin-bottom: @line-height;
   overflow-x: auto;
   background-color: @gray-lighter;
-  padding: .5em;
+  padding: 0.5em;
   border-radius: @border-radius;
   border: 1px solid @border-color;
 }

src/less/global/global-tables.less

-@import "./src/less/variables.less";     // только для удобства обращения к переменным
+@import './src/less/variables.less';     // только для удобства обращения к переменным
 
 
 
 table {
-  border: none;
+  border: 0;
   border-collapse: collapse;
   width: 100%;
 }
 
 caption {
-  padding: .3em;
+  padding: 0.3em;
   color: @text-color--muted;
   text-align: left;
 }
@@ -22,9 +22,9 @@ th {
 
 th {
   text-align: left;
-  padding: .3em;
+  padding: 0.3em;
 }
 
 td {
-  padding: .3em;
+  padding: 0.3em;
 }

src/less/style.less

-@import "./src/less/variables.less";
-@import "./src/less/mixins/mixins.less";
+@import './src/less/variables.less';
+@import './src/less/mixins/mixins.less';
 
-@import "./src/less/global/global-scaffolding.less";
-@import "./src/less/global/global-print.less";
-@import "./src/less/global/global-grid.less";
-@import "./src/less/global/global-forms.less";
-@import "./src/less/global/global-tables.less";
+@import './src/less/global/global-scaffolding.less';
+@import './src/less/global/global-print.less';
+@import './src/less/global/global-grid.less';
+@import './src/less/global/global-forms.less';
+@import './src/less/global/global-tables.less';
 
-@import "./src/blocks/dl-horizontal/dl-horizontal.less";
-@import "./src/blocks/blockquote-right/blockquote-right.less";
-@import "./src/blocks/blocks-library/blocks-library.less";
-@import "./src/blocks/btn/btn.less";
-@import "./src/blocks/table-responsive/table-responsive.less";
-@import "./src/blocks/field-text/field-text.less";
-@import "./src/blocks/field-checkbox/field-checkbox.less";
-@import "./src/blocks/field-checkbox/field-checkbox--custom.less";
-@import "./src/blocks/field-radio/field-radio.less";
-@import "./src/blocks/field-radio/field-radio--custom.less";
-@import "./src/blocks/field-select/field-select.less";
-@import "./src/blocks/field-range/field-range.less";
-@import "./src/blocks/field-file/field-file.less";
-@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";
-@import "./src/blocks/sprite-svg--localstorage/sprite-svg--localstorage.less";
-@import "./src/blocks/field-toggler/field-toggler.less";
-@import "./src/blocks/dropdown/dropdown.less";
-@import "./src/blocks/fields-group/fields-group.less";
-@import "./src/blocks/fields-group/fields-group__item--dropdown.less";
-@import "./src/blocks/btn-group/btn-group.less";
-@import "./src/blocks/checked-btn/checked-btn.less";
-@import "./src/blocks/list-nums/list-nums.less";
-@import "./src/blocks/list-bullet/list-bullet.less";
-@import "./src/blocks/step-list/step-list.less";
+@import './src/blocks/dl-horizontal/dl-horizontal.less';
+@import './src/blocks/blockquote-right/blockquote-right.less';
+@import './src/blocks/blocks-library/blocks-library.less';
+@import './src/blocks/btn/btn.less';
+@import './src/blocks/table-responsive/table-responsive.less';
+@import './src/blocks/field-text/field-text.less';
+@import './src/blocks/field-checkbox/field-checkbox.less';
+@import './src/blocks/field-checkbox/field-checkbox--custom.less';
+@import './src/blocks/field-radio/field-radio.less';
+@import './src/blocks/field-radio/field-radio--custom.less';
+@import './src/blocks/field-select/field-select.less';
+@import './src/blocks/field-range/field-range.less';
+@import './src/blocks/field-file/field-file.less';
+@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';
+@import './src/blocks/sprite-svg--localstorage/sprite-svg--localstorage.less';
+@import './src/blocks/field-toggler/field-toggler.less';
+@import './src/blocks/dropdown/dropdown.less';
+@import './src/blocks/fields-group/fields-group.less';
+@import './src/blocks/fields-group/fields-group__item--dropdown.less';
+@import './src/blocks/btn-group/btn-group.less';
+@import './src/blocks/checked-btn/checked-btn.less';
+@import './src/blocks/list-nums/list-nums.less';
+@import './src/blocks/list-bullet/list-bullet.less';
+@import './src/blocks/step-list/step-list.less';

src/less/variables.less

 // Базовые цвета
 
-@gray-darkest:                #1C1C1C;
-@gray-darker:                 #3A3A3A;
-@gray-dark:                   #5F5F5F;
+@gray-darkest:                #1c1c1c;
+@gray-darker:                 #3a3a3a;
+@gray-dark:                   #5f5f5f;
 @gray:                        #808080;
-@gray-light:                  #B1B1B1;
+@gray-light:                  #b1b1b1;
 @gray-lighter:                #eceeef;
 @gray-lightest:               #f7f7f9;
 
@@ -41,9 +41,9 @@
 
 @line-height:                 1.375em;
 
-@font-family:                 -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
-@font-family--serif:          Georgia, "Times New Roman", Times, serif;
-@font-family--monospace:      Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+@font-family:                 -apple-system, BlinkMacSystemFont, 'Roboto', 'Ubuntu', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
+@font-family--serif:          Georgia, 'Times New Roman', Times, serif;
+@font-family--monospace:      Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
 @font-family--headings:       @font-family;