/* ==========================================================================
   Flex Grid
   ========================================================================== */

/**
 * Flex row
 */

.flexable-layout
  display: flex
  white-space: normal


  // Contained within max grid size
  &.contained
    max-width: column(12)
    margin: 0 auto

    &.full-row
      max-width: $gridMaxWidth

/**
 * Flex row
 *
 * Note: flex-grow 1, flex-shrink 1 and flex-bases 0 can be shorthanded to flex: 1
 * 1. Reset font-size
 */

.flex-col
  flex-grow: 1
  flex-shrink: 1
  flex-basis: 0
  font-size: $baseFontSize /* 1 */