Fix #578

CHANGELOG.md

@@ -9,6 +9,7 @@
 # Fix #607 has-addons z-index
 # Feature #586 select color modifiers
 # Fix #537 -ms-expand
+# Fix #578 better `+center` mixin
 
 ## 0.4.0
 

docs/css/bulma-docs.css

@@ -1666,11 +1666,9 @@ a.box:active {
   height: 1em;
   position: relative;
   width: 1em;
-  left: 50%;
-  margin-left: -0.5em;
-  margin-top: -0.5em;
   position: absolute;
-  top: 50%;
+  left: calc(50% - (1em / 2));
+  top: calc(50% - (1em / 2));
   position: absolute !important;
 }
 

sass/utilities/mixins.sass

@@ -20,12 +20,14 @@
     content: " "
     display: table
 
-=center($size)
+=center($width, $height: 0)
-  left: 50%
-  margin-left: -($size / 2)
-  margin-top: -($size / 2)
   position: absolute
-  top: 50%
+  @if $height != 0
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$height} / 2))
+  @else
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$width} / 2))
 
 =delete
   +unselectable