Merge branch 'master' of github.com:nicothin/NTH-start-project

gulpfile.js

@@ -206,8 +206,13 @@ gulp.task('sprite:svg', function (callback) {
           }
         }))
         .pipe(svgstore({ inlineSvg: true }))
-        .pipe(cheerio(function ($) {
+        .pipe(cheerio({
+          run: function($) {
             $('svg').attr('style',  'display:none');
+          },
+          parserOptions: {
+            xmlMode: true
+          }
         }))
         .pipe(rename('sprite-svg.svg'))
         .pipe(size({

src/_include/page_head.html

@@ -2,6 +2,7 @@
 <meta name="viewport" content="width=1000">
 -->
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="format-detection" content="telephone=no">
 
 <link href="css/style.min.css" rel="stylesheet" media="screen">
 

src/blocks/btn/btn.scss

@@ -2,15 +2,15 @@
 // модификаторов, псевдоселекторов, псевдоэлементов, $media-условий...
 // Не пишите здесь другие селекторы.
 
-$gray-lighter:                hsl(0, 0%, 80%);
-$gray-lightest:               hsl(0, 0%, 90%);
-$text-color:                  hsl(0, 0%, 10%);
+$gray-lighter:                hsl(0, 0%, 80%) !default;
+$gray-lightest:               hsl(0, 0%, 90%) !default;
+$text-color:                  hsl(0, 0%, 10%) !default;
 $line-height:                 1.375em;
 
-$field-padding-vertical:      0.3em;
-$field-padding-horizontal:    0.7em;
+$field-padding-vertical:      0.3em !default;
+$field-padding-horizontal:    0.7em !default;
 
-$border-radius:               3px;
+$border-radius:               3px !default;
 
 .btn {
   box-sizing: border-box;

src/blocks/page-footer/page-footer.scss

-// В этом файле должны быть стили только для БЭМ-блока page-header, его элементов,
+// В этом файле должны быть стили только для БЭМ-блока page-footer, его элементов,
 // модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 // Не пишите здесь другие селекторы.
 

src/blocks/page/page.scss

 
-// Make viewport responsive
+// Make viewport great again (responsive)
 // http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
 @at-root {
 
@@ -53,6 +53,11 @@ body {
   cursor: pointer;
 }
 
+// We love Safari
+input[type="search"] {
+  -webkit-appearance: textfield;
+}
+
 // Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
 a,
 // area,
@@ -66,6 +71,15 @@ textarea {
   touch-action: manipulation;
 }
 
+// We love EDGE! This is a browser!
+svg {
+
+  a &,
+  button & {
+    pointer-events: none;
+  }
+}
+
 img {
   max-width: 100%;
   height: auto;