@use '../mixins/styles.scss';
@use '../mixins/flex.scss';
@use '../mixins/spacing.scss';
@use '../mixins/border.scss';
@use '../mixins/text.scss';
@use '../mixins/color.scss';

* {
    // Flex classes
    &.direction-row {
      @include flex.row;
    }
    &.direction-column {
      @include flex.column;
    }

    &.align-start {
      justify-content: flex-start;
      align-items: flex-start;
      text-align: start;
    }
    &.align-center {
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    &.align-end {
      justify-content: flex-end;
      align-items: flex-end;
      text-align: end;
    }

    &.justify-self-start {
      justify-self: flex-start;
    }
    &.align-self-start {
      align-self: flex-start;
    }
    &.justify-self-center {
      justify-self: center;
    }
    &.align-self-center {
      align-self: center;
    }
    &.justify-self-end {
      justify-self: flex-end;
    }
    &.align-self-end {
      align-self: flex-end;
    }

    &.wrap {
      flex-wrap: wrap;
    }
    &.nowrap {
      flex-wrap: nowrap;
    }
  
    // Styles classes
    @include styles.all_classes;
  
    // Border classes
    @include border.border_classes;
    @include border.radius_classes;

    // Basis (width)
    @include flex.basis_classes;

    // Gap classes
    @include flex.gap_classes;
  
    // Margin classes
    @include spacing.margin_classes;
  
    // Padding classes
    @include spacing.padding_classes;
  
    // Text classes
    @include text.size_classes;

    // Text align classes
    @include text.align_classes;

    // Color classes
    @include color.color_classes;
}