Updated styling of close icon

The .close icon now uses a Unicode character instead of the previous styling, saving precious space and making its code less complex.

dist/mini-dark.css

@@ -3,7 +3,7 @@
 	Flavor name: Dark (mini-dark)
 	Author: Angelos Chalaris (chalarangelo@gmail.com)
 	Maintainers: Angelos Chalaris
-	mini.css version: v2.1.5 (Fermion)
+	mini.css version: v2.2.0
 */
 /*
 	Browsers resets and base typography.
@@ -1988,12 +1988,12 @@ ul.breadcrumbs li:last-child:after {
 }
 
 .close {
-  display: inline-block;
-  width: 0.75em;
-  height: 0.75em;
-  position: relative;
-  border-radius: 1em;
-  font-size: 2rem;
+  display: inline-block;
+  width: 1.5rem;
+  font-family: sans-serif;
+  font-size: 1.5rem;
+  line-height: 1;
+  font-weight: 700;
   border-radius: 2rem;
   background: rgba(57, 68, 74, 0);
   vertical-align: top;
@@ -2004,26 +2004,10 @@ ul.breadcrumbs li:last-child:after {
 .close:hover, .close:focus {
   background: #39444a;
 }
-
-.close:before, .close:after {
-  display: inline-block;
-  width: 0.45em;
-  height: 0.1em;
-  position: absolute;
-  content: "";
-  top: 0.33em;
-  left: 0.155em;
-  text-overflow: clip;
-  background: #fafafa;
-}
 
-.close:before {
-  -webkit-transform: rotateZ(45deg);
-  transform: rotateZ(45deg);
-}
-
-.close:after {
-  -webkit-transform: rotateZ(-45deg);
+.close:before {
+  content: "\00D7";
+  display: block;
   text-align: center;
 }