/* ==========================================================================
 * Buttons - Inset
 * ========================================================================== */

.mds-c-buttons {
  &--inset-med {
    margin: -0.75rem -1rem;
  }

  &--inset-horizontal-med {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  &--inset-vertical-med {
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
  }

  &--inset-sm {
    margin: -0.5rem -0.75rem;
  }

  &--inset-horizontal-sm {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  &--inset-vertical-sm {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
  }

  &--inset-xs {
    margin: -0.5rem;
  }

  &--inset-horizontal-xs {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  &--inset-vertical-xs {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
  }

  /* @each $size in (xs, sm, med) {
    &--inset-$(size) {
      margin: calc(($mds-v-button__vertical-padding--$(size) + var(--mds-d-spacing--xs)) * -1)
        calc(($mds-v-button__horizontal-padding--$(size) + var(--mds-d-spacing--xs)) * -1);
    }

    &--inset-horizontal-$(size) {
      margin-left: calc(
        ($mds-v-button__horizontal-padding--$(size) + var(--mds-d-spacing--xs)) * -1
      );
      margin-right: calc(
        ($mds-v-button__horizontal-padding--$(size) + var(--mds-d-spacing--xs)) * -1
      );
    }

    &--inset-vertical-$(size) {
      margin-bottom: calc(
        ($mds-v-button__vertical-padding--$(size) + var(--mds-d-spacing--xs)) * -1
      );
      margin-top: calc(($mds-v-button__vertical-padding--$(size) + var(--mds-d-spacing--xs)) * -1);
    }
  } */
}