Fix jgthms#578

njovin · Apr 2, 2017 · e1f8e9b · e1f8e9b
1 parent 2452a69
commit e1f8e9b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/CHANGELOG.md b/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
 

diff --git a/docs/css/bulma-docs.css b/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;
 }
 

diff --git a/sass/utilities/mixins.sass b/sass/utilities/mixins.sass
@@ -20,12 +20,14 @@
  content: " "
  display: table
 
-=center($size)
- left: 50%
- margin-left: -($size / 2)
- margin-top: -($size / 2)
+=center($width, $height: 0)
  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