/// ----------------------------------------------------------------------

/// Flex

/// ----------------------------------------------------------------------

@use '@lavalogic/scss-lib' as lib;
@use 'spacing';
@use 'corners';
@use 'colours';

/// -------------------
/// Flex selectors
/// -------------------

.card {
  position: relative;
  box-sizing: border-box;
  background: colours.$ui-white;
  border-radius: corners.$base;

  &--start-y {
    align-items: start;
  }

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

  &--end-y {
    align-items: end;
  }

  &--start-x {
    justify-content: start;
  }

  &--center-x {
    justify-content: center;
  }

  &--end-x {
    justify-content: end;
  }

  &--fill {
    height: 100%;
  }

  >.card-img {
    width: 100%;
    height: auto;
  }

  >.card-body {
    padding: spacing.$md;
  }
}
