// Content
.pf-c-tab-content {
  --pf-c-tab-content__body--PaddingTop: 0;
  --pf-c-tab-content__body--PaddingRight: 0;
  --pf-c-tab-content__body--PaddingBottom: 0;
  --pf-c-tab-content__body--PaddingLeft: 0;

  // Padding
  --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
  --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
  --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);

  // Match page padding
  --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);

  // Light
  --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);

  @media screen and (min-width: $pf-global--breakpoint--xl) {
    --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
    --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
    --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
    --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
  }


  &.pf-m-light-300 {
    background-color: var(--pf-c-tab-content--m-light-300);
  }
}

// Body
.pf-c-tab-content__body {
  padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);

  &.pf-m-padding {
    --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
    --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
    --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
    --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
  }
}
