Flex Layout

Flexy css

[flexy],
[flexy=h] {
    flex-wrap: nowrap;
    display: flex;

    > * {
      flex: 1 1 auto;

      display: block;
      &[flexy] {
          display: flex;
      }
    }
    .flexy-static {
      flex: 0 0 auto;
    }
}

[flexy=v] {
    flex-direction: column;
    min-height: 100%;
    width: 100%;
}