Milligram: Solicitud de función: ayudante de alineación vertical

Hola @neronmoon
¡Tienes razón, es 2016! Milligram usa flexbox en el sistema de cuadrículas. Para la alineación vertical, use estas clases:
.row-top , .row-bottom , .row-center , .row-stretch , .row-baseline .

Avíseme si todavía tiene alguna duda sobre la alineación vertical.

Hola @neronmoon Por ahora

@cjpatoilo ¿cuál es la forma recomendada de usarlos?

Intenté usar esto en su cuadrícula de ejemplo, como se muestra a continuación, pero nada centrado.

<div class="row row-center">
  <div class="column column-10">
    <span class="column-demo">10%</span>
  </div>
</div>

En una nota relacionada, ¿tiene una forma recomendada de centrar lo único en una fila?

<div class="row">
  <button>Some Button Text</button>
</div>

Para esto, he estado usando margin: 0 auto . Pero el único problema es que las filas tienen un margen negativo, lo que significa que todo está hacia la izquierda.

Para alinear verticalmente, flexbox necesita tener height: 100%; en el elemento padre. En este caso, debe configurar html , body , .container y .row

html,
body,
.container,
.row {
  height: 100%;
}

Entonces el .row-center funciona.