Правки глобальных стилей

.stylelintignore

 # перечисление игнорируемых stylelint-ом файлов
 src/blocks/sprite-png/sprite-png.scss
+src/blocks/page/page.scss

src/blocks/form/form.scss

@@ -26,12 +26,14 @@ $line-height:                 1.375em !default;
   &__legend {
     display: block;
     width: 100%;
+    max-width: 100%; // Привет IE
     margin-top: $line-height;
     margin-bottom: ($line-height / 2);
     font-size: $font-size--h3;
     font-family: $font-family--headings;
     font-weight: 700;
     line-height: $line-height;
+    white-space: normal; // Привет IE
     color: currentColor;
   }
 }

src/blocks/page/page.scss

@@ -3,7 +3,7 @@
 // http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
 @at-root {
 
-  @-ms-viewport { // stylelint-disable-line  at-rule-no-vendor-prefix
+  @-ms-viewport {
     width: device-width;
   }
 }
@@ -16,7 +16,7 @@
   font-size: 10px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -ms-overflow-style: scrollbar;
-  -ms-text-size-adjust: 100%; // stylelint-disable-line  property-no-vendor-prefix
+  -ms-text-size-adjust: 100%;
   min-width: 320px;
   min-height: 100%;
 
@@ -51,7 +51,7 @@ body {
 }
 
 [tabindex='-1']:focus {
-  outline: none !important; // stylelint-disable-line  declaration-no-important
+  outline: none !important;
 }
 
 // Коррекция для кликабельных элементов с указанной ролью в iOS
@@ -61,28 +61,60 @@ body {
 
 // Мы любим Сафари (на самом деле, нет).
 input[type='search'] {
-  -webkit-appearance: textfield; // stylelint-disable-line  property-no-vendor-prefix
+  -webkit-appearance: textfield;
 }
 
-// Стилевая коррекция 300ms задержки (для поддерживающих браузеров)
-a,
 // area,
+// summary,
+a,
 button,
 [role='button'],
 input,
 label,
 select,
-// summary,
 textarea {
-  touch-action: manipulation;
+  touch-action: manipulation; // Стилевая коррекция 300ms задержки (для поддерживающих браузеров)
+  margin: 0;                  // Убираем margin в Firefox и Safari
+}
+
+button,
+input {
+  overflow: visible;    // Покажем торчащее в Edge
+  text-transform: none; // Уберём наследование text transform в Firefox
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; // Коррекция проблем стилизации для Safari
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
 }
 
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox; // Коррекция для Mobile Safari (https://github.com/twbs/bootstrap/issues/11266)
+}
+
+textarea {
+  overflow: auto;   // Удаление верт. скролла в IE.
+  resize: vertical; // Правильное изменение размеров
+}
 
 svg {
 
   a &,
   button & {
-    pointer-events: none; // Мы любим EDGE! Это браузер! (нет)
+    pointer-events: none; // Мы любим Edge, это браузер! (почти)
   }
 
   &:not(:root) {
@@ -99,7 +131,7 @@ a {
   color: $link-color;
   background-color: transparent;
   text-decoration-skip: ink;
-  -webkit-text-decoration-skip: objects; // stylelint-disable-line  property-no-vendor-prefix
+  -webkit-text-decoration-skip: objects;
   transition: color 0.3s;
 
   &:hover,