/* Classes following Tachyons conventions */

.mt-n4 { margin-top: calc(-1 * var(--size-m)); }
.mt-n5 { margin-top: calc(-1 * var(--size-l)); }
.mt-n6 { margin-top: calc(-1 * var(--size-xl)); }

.mb--2 { margin-bottom: var(--size--xl); }
.mb--3 { margin-bottom: var(--size--xxl); }
.mb--4 { margin-bottom: var(--size--xxxl); }
.mb--5 { margin-bottom: var(--size--xxxxl); }

@media ([object Object]) {
  .mb--5-l { margin-bottom: var(--size--xxxxl); }
}