@import '../../scss/variables.scss';

// #variables
$s-space-row-gap: 16px !default;
$s-space-column-gap: 16px !default;
// #endvariables

.s-space {
  display: flex;
  row-gap: $s-space-row-gap;
  column-gap: $s-space-column-gap;
}
.s-space-wrap {
  flex-wrap: wrap;
}
.s-space-vertical {
  flex-direction: column;
}
.s-space-align-normal {
  align-items: normal;
}
.s-space-align-start {
  align-items: flex-start;
}
.s-space-align-center {
  align-items: center;
}
.s-space-align-end {
  align-items: end;
}
.s-space-align-baseline {
  align-items: baseline;
}
.s-space-full {
  display: flex;

  &.s-space-vertical {
    align-items: stretch;
  }
}