Рефакторинг: modal

src/blocks/modal/modal.scss

@@ -29,13 +29,15 @@
     position: relative;
     margin: 0;
     width: 100%;
-    height: 100%;
     flex-shrink: 0;
 
     @media (min-width: $screen-lg) {
       width: 600px;
       margin: auto;
-      height: auto;
+
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        padding: 2em 0;
+      }
 
       #{$block-name}--open & {
         animation: modal-content-show $transition-time 1 both;
@@ -101,8 +103,11 @@
 
     @media (min-width: $screen-lg) {
       display: flex;
-      justify-content: center;
       align-items: center;
+
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        align-items: flex-start;
+      }
     }
   }
 }

src/pages/blocks-demo.pug

@@ -748,6 +748,19 @@ block content
     +modal('modal-demo-01', 'Заголовок', 'some')
       .modal__body
         p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
+        p Текст
       .modal__footer
         button.btn(type='button', data-dismiss='modal') Закрыть
     pre.code