Milligram: 機能のリクエスト：垂直方向の整列ヘルパー

こんにちは@neronmoon
そうです、2016年です！ ミリグラムはグリッドシステムでフレックスボックスを使用しています。 垂直方向の配置には、次のクラスを使用します。
.row-top 、 .row-bottom 、 .row-center 、 .row-stretch 、 .row-baseline 。

垂直方向の配置についてまだ疑問がある場合はお知らせください。

ねえ@neronmoon今のところ私はこの問題を閉じます。 これでうまくいかない場合は、自由に再開してください。

@cjpatoiloこれらを使用するための推奨される方法は何ですか？

以下に示すように、これをサンプルグリッドで使用してみましたが、中央に配置されていません。

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

関連するメモとして、行の唯一のものを中央に配置するための推奨される方法はありますか？

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

このために、私はmargin: 0 autoます。 ただし、1つの問題は、行のマージンが負であるということです。これは、すべてが左側にずれていることを意味します。

垂直方向に整列するには、flexboxの親要素にheight: 100%;が必要です。 この場合、 html 、 body 、 .container 、および.row

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

その後、 .row-center機能します。