
// Align
//
// Align an item vertically within a container. Items are centered by default.
//
// Markup:
// <div class="c-align">
//     <div class="c-align__item c--top">…</div>
//     <div class="c-align__item">…</div>
//     <div class="c-align__item c--bottom">…</div>
// </div>
//
// Attribution:
// http://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/

.c-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-align__item {}


// Alignment modifiers

.c-align__item.c--align-top {
  align-self: flex-start;
}

.c-align__item.c--align-bottom {
  align-self: flex-end;
}


// Align
// ===
//
// Align a set of items vertically within a container. Items are centered
// by default.
//
// Markup:
//
// <div class="c-align">
//     {items}
// </div>
//
// Attribution:
//
// - http://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/


// Align root
// ---

.c-align {
    display: flex;
    align-items: center;
}


// Modifiers: vertical alignment
// ---

.c-align.c--top {
    align-items: top;
}

.c-align.c--bottom {
    align-items: bottom;
}

Remove unsupported Align component features, update code style.
Remove unsupported Align component features, update code style.
