Поменял стилизацию pre

src/blocks-demo.html

@@ -295,28 +295,23 @@
       <div class="blocks-library__sub-item" id="text-pre">
         <h2 class="blocks-library__sub-item-title">Форматированный текст</h2>
         <p>Смотри так же <a href="#code">БЭМ-блок для кода</a>.</p>
-        <pre>// Блочный код с тегом переноса строки<br>// Вторая строка</pre>
+        <pre>// Блочный код с тегом переноса строки <br>// Вторая строка, написанная без символа переноса строки</pre>
         <div class="blocks-library__code-wrapper">
           <span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>
           <div class="blocks-library__code">
-            <pre class="code">            <code class="code__syntax  html hljs xml">
-                <span class="code__line"><span class="hljs-tag">&lt;<span class="hljs-name">pre</span>&gt;</span>// Блочный код с тегом переноса строки<span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span>// Вторая строка<span class="hljs-tag">&lt;/<span class="hljs-name">pre</span>&gt;</span></span>
-              </code>
+            <pre class="code">
+              <code>&lt;pre>// Блочный код с тегом переноса строки &lt;br>// Вторая строка, написанная без символа переноса строки&lt;/pre></code>
             </pre>
           </div>
         </div>
-        <pre>        // Блочный код с введённым переносом строки и табуляцией перед строками
-          // Вторая строка
-        </pre>
+        <pre>// Блочный код с символом переноса строки
+// Вторая строка</pre>
         <div class="blocks-library__code-wrapper">
           <span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>
           <div class="blocks-library__code">
-            <pre class="code">            <code class="code__syntax  html hljs xml">
-                <span class="code__line"><span class="hljs-tag">&lt;<span class="hljs-name">pre</span>&gt;</span></span>
-                <span class="code__line">  // Блочный код с введённым переносом строки и табуляцией перед строками</span>
-                <span class="code__line">  // Вторая строка</span>
-                <span class="code__line"><span class="hljs-tag">&lt;/<span class="hljs-name">pre</span>&gt;</span></span>
-              </code>
+            <pre class="code">
+              <code>&lt;pre>// Блочный код с символом переноса строки</code>
+              <code>// Вторая строка&lt;/pre></code>
             </pre>
           </div>
         </div>

src/blocks/code/code.html

 <!--DEV
 
 <pre class="code">
-  <code>/* Родитель: */</code>
+  <code>/* Некий код: */</code>
 </pre>
 
 -->

src/blocks/code/code.scss

@@ -7,19 +7,20 @@ $gray-lightest:               hsl(0, 0%, 90%) !default;
 $border-radius:               3px !default;
 
 .code {
-  // display: block;
-  // width: 100%;
-  // max-height: 50rem;
-  // overflow-x: auto;
-  // padding: 1em;
-  // background-color: $gray-lightest;
-  // border-radius: $border-radius;
-  // border: 1px solid $gray-lighter;
-  // white-space: normal;
-  // tab-size: 2;
+  display: block;
+  width: 100%;
+  max-height: 50rem;
+  overflow-x: auto;
+  padding: 1em;
+  background-color: $gray-lightest;
+  border-radius: $border-radius;
+  border: 1px solid $gray-lighter;
+  white-space: normal;
+  tab-size: 2;
 
-  // code {
-  //   display: block;
-  //   white-space: pre;
-  // }
+  code {
+    display: block;
+    padding: 0;
+    white-space: pre;
+  }
 }

src/blocks/typo/typo.scss

@@ -248,11 +248,6 @@ pre {
   display: block;
   width: 100%;
   overflow-x: auto;
-  background-color: $gray-lightest;
-  padding: 1em;
-  border-radius: $border-radius;
-  border: 1px solid $gray-lighter;
-  white-space: normal;
   tab-size: 2;
 
   code {