feat: add .modal__close

source/_patterns/01-molecules/21-modal/modal.mustache

@@ -2,6 +2,7 @@
   <div class="modal__content" role="dialog">
     <div class="modal__container w-full max-w-2xl" role="dialog">
       <div class="modal__container-body elevation-10">
+        <button class="modal__close" title="Zavřít"><i class="ico--cross"></i></button>
         {{> molecules-image-card }}
       </div>
     </div>

source/css/molecules/modal.pcss

@@ -35,10 +35,26 @@
   }
 
   .modal__container-body {
-    @apply bg-white;
+    @apply bg-white relative;
   }
 }
 
+.modal__close {
+  @apply
+    absolute
+    right-0
+    top-0
+    h-8
+    w-8
+    flex
+    items-center
+    justify-center
+    z-50
+    m-auto
+    text-black
+    bg-white;
+}
+
 .ReactModal__Body--open {
   @apply overflow-hidden;
 }