Mixins : Vertical-center now a mixin

This commit is contained in:
stephenbe
2015-07-02 15:12:13 -04:00
parent b42664ad3f
commit 7f3e009e10
2 changed files with 18 additions and 18 deletions

View File

@@ -29,3 +29,20 @@
clear : both;
}
}
@mixin vertical-center {
font-size: 0;
&:before {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle;
}
> * {
font-size: 1rem;
display: inline-block;
vertical-align: middle;
}
}

View File

@@ -2,24 +2,7 @@
// Helpers
// ==========================================================================
.vertical-center {
height: 100%;
text-align: center;
&:before {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle;
}
> * {
display: inline-block;
vertical-align: middle;
}
@include vertical-center;
}
/*