@import "@/styles/media-queries.scss";

.flex {
  display: flex;

  &.column {
    flex-direction: column;
  }

  &.row {
    flex-direction: row;

    @include mobile {
      flex-direction: column;
    }
  }

  &.wrap {
    flex-wrap: wrap;
  }

  &.justify-center {
    justify-content: center;
  }
  &.justify-space-between {
    justify-content: space-between;
  }
  &.justify-end {
    justify-content: flex-end;
  }
  &.justify-start {
    justify-content: flex-start;
  }

  &.align-center {
    align-items: center;
  }
}

.inline-block {
  display: inline-block;
}

.float {
  &-left {
    float: left;
  }

  &-right {
    float: right;
  }
}