Removed outline from toasts' closing btn and fixed alert btn

pages/_includes/ui/alert.html

@@ -9,5 +9,5 @@
       <a href="#" class="btn btn-secondary">Cancel</a>
    </div>
    {% endif %}
-   {% if include.close %}<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{% endif %}
+   {% if include.close %}<a href="#" class="close" data-dismiss="alert" aria-label="close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-md"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></a>{% endif %}
 </div>

scss/tabler.scss

@@ -26,6 +26,7 @@
 @import "ui/buttons";
 @import "ui/calendars";
 @import "ui/cards";
+@import "ui/close";
 @import "ui/dropdowns";
 @import "ui/empty";
 @import "ui/grid";

scss/ui/_alerts.scss

@@ -7,3 +7,15 @@
     left: .75rem;
   }
 }
+
+.alert{
+  a{
+    display: inline-block;
+    height:100%;
+    vertical-align: middle;
+
+    .icon {
+      height: 100%;
+    }
+  }
+}
\ No newline at end of file

scss/ui/_close.scss

+.close{
+    outline: 0 !important;
+}
\ No newline at end of file