Доработал глобальные стили, типографику, представление кода

gulpfile.js

@@ -58,6 +58,7 @@ gulp.task('clean', function () {
 gulp.task('style', function () {
   const sass = require('gulp-sass');
   const sourcemaps = require('gulp-sourcemaps');
+  const wait = require('gulp-wait');
   console.log('---------- Компиляция стилей');
   return gulp.src(dirs.srcPath + 'scss/style.scss')
     .pipe(plumber({
@@ -69,6 +70,7 @@ gulp.task('style', function () {
         this.emit('end');
       }
     }))
+    .pipe(wait(100))
     .pipe(gulpIf(isDev, sourcemaps.init()))
     .pipe(debug({title: "Style:"}))
     .pipe(sass())
@@ -90,6 +92,7 @@ gulp.task('style:single', function () {
   if(pjson.configProject.singleCompiled.length) {
     const sass = require('gulp-sass');
     const sourcemaps = require('gulp-sourcemaps');
+    const wait = require('gulp-wait');
     console.log('---------- Компиляция добавочных стилей');
     return gulp.src(pjson.configProject.singleCompiled)
       .pipe(plumber({
@@ -101,6 +104,7 @@ gulp.task('style:single', function () {
           this.emit('end');
         }
       }))
+      .pipe(wait(100))
       .pipe(gulpIf(isDev, sourcemaps.init()))
       .pipe(debug({title: "Single style:"}))
       .pipe(sass())

package.json

@@ -89,6 +89,7 @@
     "gulp-svgmin": "^1.2.3",
     "gulp-svgstore": "^6.1.0",
     "gulp-uglify": "^2.1.0",
+    "gulp-wait": "0.0.2",
     "gulp.spritesmith": "^6.3.0",
     "imagemin-pngquant": "^5.0.0",
     "ismobilejs": "^0.4.0",

src/blocks/code/code.scss

@@ -10,8 +10,8 @@ $border-radius:               3px !default;
   display: block;
   width: 100%;
   max-height: 50rem;
-  overflow-x: auto;
   padding: 1em;
+  overflow-x: auto;
   background-color: $gray-lightest;
   border-radius: $border-radius;
   border: 1px solid $gray-lighter;
@@ -22,5 +22,6 @@ $border-radius:               3px !default;
     display: block;
     padding: 0;
     white-space: pre;
+    background-color: transparent;
   }
 }

src/blocks/page/page.scss

@@ -51,3 +51,8 @@ select,
 textarea {
   touch-action: manipulation;
 }
+
+img {
+  max-width: 100%;
+  height: auto;
+}

src/blocks/typo/typo.scss

@@ -101,7 +101,7 @@ h6 {
   margin-bottom: ($line-height / 2);
 }
 
-.p,
+// .p,
 p,
 ul,
 ol,
@@ -121,7 +121,7 @@ address {
 
 ul,
 ol {
-  padding-left: 1.8em;
+  padding-left: 1.2em;
 }
 
 ol ol,
@@ -133,7 +133,7 @@ ul ol {
 }
 
 li {
-  line-height: $line-height;
+  line-height: inherit;
 }
 
 dt {
@@ -185,38 +185,9 @@ abbr[title] {
 }
 
 blockquote {
-  padding: 0 0 0 0.5em;
+  padding: 0;
   margin-left: 0;
   margin-right: 0;
-  border-left: 1px solid $border-color;
-
-  @media (min-width: $screen-sm) {
-    padding: 0 0 0 1.8em;
-    margin-left: 0;
-    border-left-width: 5px;
-  }
-
-  p,
-  ul,
-  ol {
-
-    &:first-child {
-      margin-top: 0;
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  footer {
-    text-align: right;
-    color: $gray;
-
-    // &:before {
-    //   content: '— ';
-    // }
-  }
 }
 
 code,
@@ -227,9 +198,9 @@ samp {
 }
 
 code {
+  padding: 0.06em 0.3em;
   color: $text-color;
   background-color: $gray-lightest;
-  padding: 0.06em 0.3em;
   border-radius: $border-radius;
 }
 
@@ -249,8 +220,4 @@ pre {
   width: 100%;
   overflow-x: auto;
   tab-size: 2;
-
-  code {
-    background-color: transparent;
-  }
 }