.ls-grid {
  display: flex;
  flex-wrap: wrap;

  &--spacings-sm {
    margin: 0 - $sp;

    > .ls-grid-item {
      padding: 0 $sp;
    }

  }

  &--spacings-md {
    margin: 0 -2 * $sp;
    padding: 0;

    > .ls-grid-item {
      padding: 0 2 * $sp;
    }

  }

  &--spacings-lg {
    margin: 0 -4 * $sp;
    padding: 0;

    > .ls-grid-item {
      padding: 0 4 * $sp;
    }

  }
}