/* Display */
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.flex-inline-row {
  display: inline-flex;
  flex-direction: row;
}
.flex-inline-row-reverse {
  display: inline-flex;
  flex-direction: row-reverse;
}
.flex-inline-column {
  display: inline-flex;
  flex-direction: column;
}
.flex-inline-column-reverse {
  display: inline-flex;
  flex-direction: column-reverse;
}

.flex-row,
.flex-column,
.flex-inline-row,
.flex-inline-column {
  &.flexlist {
    > *:first-child {
      margin-left: 0;
      margin-top: 0;
    }
    > *:last-child {
      margin-bottom: 0;
      margin-right: 0;
    }
  }
}

.flex-row-reverse,
.flex-column-reverse,
.flex-inline-row-reverse,
.flex-inline-column-reverse {
  &.flexlist {
    > *:first-child {
      margin-bottom: 0;
      margin-right: 0;
    }
    > *:last-child {
      margin-left: 0;
      margin-top: 0;
    }
  }
}

.flex-fill {
  flex: 1;
}

/* Flex Container Props */
.flex-align-content-normal {
  align-content: normal;
}
.flex-align-content-center {
  align-content: center;
}
.flex-align-content-stretch {
  align-content: stretch;
}
.flex-align-content-flex-end {
  align-content: flex-end;
}
.flex-align-content-flex-start {
  align-content: flex-start;
}
.flex-align-content-space-around {
  align-content: space-around;
}
.flex-align-content-space-between {
  align-content: space-between;
}
.flex-align-content-space-evenly {
  align-content: space-evenly;
}

.flex-align-items-normal {
  align-items: normal;
}
.flex-align-items-baseline {
  align-items: baseline;
}
.flex-align-items-center {
  align-items: center;
}
.flex-align-items-stretch {
  align-items: stretch;
}
.flex-align-items-flex-end {
  align-items: flex-end;
}
.flex-align-items-flex-start {
  align-items: flex-start;
}

.flex-justify-content-normal {
  justify-content: normal;
}
.flex-justify-content-center {
  justify-content: center;
}
.flex-justify-content-flex-end {
  justify-content: flex-end;
}
.flex-justify-content-flex-start {
  justify-content: flex-start;
}
.flex-justify-content-space-around {
  justify-content: space-around;
}
.flex-justify-content-space-between {
  justify-content: space-between;
}
.flex-justify-content-space-evenly {
  justify-content: space-evenly;
}

/* Wrap */
.flex-wrap-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-wrap {
  flex-wrap: wrap;
}
.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* Text Align */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/* Widths and Heights */
.height-100 {
  height: 100%;
}
.width-100 {
  width: 100%;
}