Небольшие правки «глобальных» стилей

src/blocks-demo.pug

@@ -217,10 +217,10 @@ block content
     include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/alert/readme.md
     +alert()
       p Обычное сообщение
-      +close('Закрыть', 'sm')(class='alert__close')
+      +close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
     +alert('Заголовок', 'warning, some-mod-name')
       p Блок сообщения с модификаторами.
-      +close('Закрыть', 'sm')(class='alert__close')
+      +close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
     +block-lib-code()
       include:show-code(first-line='//- Pug-файл этого блока:') blocks/alert/alert.pug
 

src/blocks/alert/alert.pug

@@ -10,13 +10,13 @@ mixin alert(title, mods)
           p Текст
         +alert('Внимание', 'warning, some-mod-name')
           p Предупреждение
-          +close('Закрыть', 'sm')(class='alert__close')
+          +close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
         +alert('Внимание', 'danger')
           p Проблема
-          +close('Закрыть', 'sm')(class='alert__close')
+          +close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
         +alert('Внимание', 'success')
           p Успех
-          +close('Закрыть', 'sm')(class='alert__close')
+          +close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
 
   -
     //- список модификаторов
@@ -29,7 +29,7 @@ mixin alert(title, mods)
       }
     }
 
-  .alert(class=allMods)&attributes(attributes)
+  .alert(class=allMods, role='alert')&attributes(attributes)
     if (typeof(title) !== 'undefined' && title !== '')
       h4.alert__header!= title
     block

src/blocks/alert/alert.scss

@@ -15,7 +15,7 @@ $border-radius:               3px !default;
   $block-name:                &; // #{$block-name}__element
 
   position: relative;
-  padding: 0.7em 1.5em 0.7em 1em;
+  padding: 0.7em 1.5em 0.7em 1.4em;
   margin-top: 1em;
   margin-bottom: 1em;
   border: 1px solid $gray-lighter;
@@ -37,10 +37,10 @@ $border-radius:               3px !default;
   &__header {
     display: block;
     margin-top: 0;
-    margin-bottom: 0.2em;
+    margin-bottom: 0.4em;
     font-size: $font-size--h3;
     font-weight: 400;
-    line-height: 1.4;
+    line-height: 1.2;
     color: inherit;
   }
 

src/blocks/page/page.scss

@@ -77,12 +77,16 @@ textarea {
   touch-action: manipulation;
 }
 
-// Мы любим EDGE! Это браузер! (Спорное замечание.)
+
 svg {
 
   a &,
   button & {
-    pointer-events: none;
+    pointer-events: none; // Мы любим EDGE! Это браузер! (нет)
+  }
+
+  &:not(:root) {
+    overflow: hidden; // Скрыть выступающее за границы в IE
   }
 }
 
@@ -93,7 +97,9 @@ img {
 
 a {
   color: $link-color;
+  background-color: transparent;
   text-decoration-skip: ink;
+  -webkit-text-decoration-skip: objects; // stylelint-disable-line  property-no-vendor-prefix
   transition: color 0.3s;
 
   &:hover,
@@ -105,3 +111,8 @@ a {
     color: $link-color--hover;
   }
 }
+
+hr {
+  box-sizing: content-box; // Проблема Firefox
+  overflow: visible;       // Проблема Edge и IE
+}

src/blocks/table/table.scss

@@ -20,8 +20,6 @@ $field-padding-horizontal:    0.7em !default;
   display: block;
   width: 100%;
   overflow-x: auto;
-  margin-top: $line-height;
-  margin-bottom: $line-height;
   border: 1px solid $border-color;
 
   table {

src/blocks/typo/typo.scss

@@ -121,11 +121,12 @@ p,
 ul,
 ol,
 dl,
+table,
 blockquote,
 pre,
 address,
 figure {
-  margin-top: ($line-height / 2);
+  margin-top: 0;
   margin-bottom: ($line-height / 2);
 }