Сменил разметку листингов кода, улучшил примеси

src/blocks/code/code.less

@@ -22,3 +22,108 @@
     white-space: pre;
   }
 }
+
+
+// Подсветка кода после обработки JS
+
+.hljs {
+  display: block;
+  width: auto;
+  color: @text-color;
+  background-color: transparent;
+  padding: 0;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #999;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold;
+}
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+  color: #4f9fcf;
+}
+
+.hljs-string,
+.hljs-doctag {
+  color: #d44950;
+}
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #900;
+  font-weight: bold;
+}
+
+.hljs-subst {
+  font-weight: normal;
+}
+
+.hljs-type,
+.hljs-class .hljs-title {
+  color: #458;
+  font-weight: bold;
+}
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #2f6f9f;
+  font-weight: normal;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #009926;
+}
+
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073;
+}
+
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #0086b3;
+}
+
+.hljs-meta {
+  color: #999;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  background: #fdd;
+}
+
+.hljs-addition {
+  background: #dfd;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+.less {
+  .hljs-selector-tag {
+    font-weight: 400;
+  }
+  .hljs-variable {
+    color: #F60;
+  }
+}

src/blocks/highlight/readme.md → src/blocks/code/readme.md

-Это не обычный блок. Это компонент, служащий для подсветки синтаксиса в <code>pre>code</code>.
-
 См. [highlightjs.org/download/](https://highlightjs.org/download/)

src/blocks/highlight/highlight.html

-<!--DEV
-
-<pre><code>&lt;input type="text" value="Текстовое поле для сравнения высоты"&gt;
-&lt;a href="" class="btn"&gt;Cсылка&lt;/a&gt;
-&lt;input type="submit" class="btn" value="Input"&gt;
-&lt;button class="btn"&gt;Button&lt;/button&gt;</code></pre>
-
--->

src/blocks/highlight/highlight.less

-@import '../../less/variables.less';     // только для удобства обращения к переменным
-
-
-.hljs {
-  display: block;
-  width: auto;
-  color: @text-color;
-  background-color: transparent;
-  padding: 0;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #999;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
-  color: #333;
-  font-weight: bold;
-}
-
-.hljs-number,
-.hljs-literal,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag .hljs-attr {
-  color: #4f9fcf;
-}
-
-.hljs-string,
-.hljs-doctag {
-  color: #d44950;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-selector-id {
-  color: #900;
-  font-weight: bold;
-}
-
-.hljs-subst {
-  font-weight: normal;
-}
-
-.hljs-type,
-.hljs-class .hljs-title {
-  color: #458;
-  font-weight: bold;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-attribute {
-  color: #2f6f9f;
-  font-weight: normal;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #009926;
-}
-
-.hljs-symbol,
-.hljs-bullet {
-  color: #990073;
-}
-
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #0086b3;
-}
-
-.hljs-meta {
-  color: #999;
-  font-weight: bold;
-}
-
-.hljs-deletion {
-  background: #fdd;
-}
-
-.hljs-addition {
-  background: #dfd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
-.less {
-  .hljs-selector-tag {
-    font-weight: 400;
-  }
-  .hljs-variable {
-    color: #F60;
-  }
-}

src/less/mixins/grid-mixins.less

@@ -54,16 +54,22 @@
   & > * {
     display: block;
     width: 100%;
-    padding-left:  (@grid-gutter-width / 2);
-    padding-right: (@grid-gutter-width / 2);
   }
 
-  // Если первая переданная переменная ноль — не выводим margin-ы по умолчанию
+  // Если первая переданная переменная не ноль — выводим margin-ы по умолчанию
   & when not (@xs-grid-gutter = 0) {
     margin-left:  (@xs-grid-gutter / -2);
     margin-right: (@xs-grid-gutter / -2);
   }
 
+  // Если первая переданная переменная не ноль — выводим padding-и по умолчанию для прямых потомков
+  & when not (@xs-grid-gutter = 0) {
+    & > * {
+      padding-left:  (@grid-gutter-width / 2);
+      padding-right: (@grid-gutter-width / 2);
+    }
+  }
+
   & when not (@sm-grid-gutter = @xs-grid-gutter) {
     @media (min-width: @screen-sm) {
       margin-left:  (@sm-grid-gutter / -2);

src/less/style.less

@@ -7,8 +7,6 @@
 @import './src/less/global/global-forms.less';
 @import './src/less/global/global-tables.less';
 
-@import './src/blocks/highlight/highlight.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';