/* ==========================================================================
 * Block
 * ========================================================================== */

.mds-c-block {
  display: block;

  &:empty {
    display: none;
  }
}

@each $size in (xxl, xl, lg, med, sm, xs) {
  .mds-c-block--size-$(size) {
    &:not(:last-child) {
      margin-bottom: var(--mds-d-spacing--$(size));
    }
  }
}