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