.container {
  display: flex;
  flex-direction: row;
  &.justify {
    &Start {
      justify-content: flex-start;
    }

    &End {
      justify-content: flex-end;
    }

    &Center {
      justify-content: center;
    }

    &SpaceBetween {
      justify-content: space-between;
    }

    &SpaceAround {
      justify-content: space-around;
    }
    &Inital {
      justify-content: initial;
    }
  }
  &.align {
    &Start {
      align-items: flex-start;
    }

    &End {
      align-items: flex-end;
    }

    &Center {
      align-items: center;
    }

    &Stretch {
      align-items: stretch;
    }

    &Baseline {
      align-items: baseline;
    }

    &Initial {
      align-items: initial;
    }
  }
  &.direction {
    &Column {
      flex-direction: column;
    }
  }
  &.wrap {
    flex-wrap: wrap;
  }
}