app/assets/stylesheets/alignment/_center.scss in patterns-0.1.2 vs app/assets/stylesheets/alignment/_center.scss in patterns-0.1.3
- old
+ new
@@ -1,19 +1,32 @@
-@mixin center {
+@mixin horizontally_center {
margin: 0px auto;
}
-@mixin center_container {
+@mixin horizontal_center_container {
text-align: center;
& > * {
margin: 0px auto;
text-align: left;
}
}
+
+// http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
+@mixin vertical_center_container {
+ display: table;
+ position: static;
+
+ & > * {
+ display: table-cell;
+ vertical-align: middle;
+ width: 100%;
+ }
+}
+
/*
http://css-tricks.com/centering-in-the-unknown/
Changes the parent
*/
-@mixin center_container_unknown {
+@mixin center_container {
text-align: center;
&:before {
content: '';
display: inline-block;
height: 100%;
\ No newline at end of file