@patreon/studio/module/styles/classNameForPaddingBottom/PaddingBottom.module.css

Patreon Studio Design System

/**
* This file is generated. Do not edit.
* Generated on Mon Apr 07 2025 7:20:38 PM
*/

.paddingBottomGlobalSpaceX0 {
    padding-bottom: var(--global-space-x0);
  }

.paddingBottomGlobalSpaceX12 {
    padding-bottom: var(--global-space-x12);
  }

.paddingBottomGlobalSpaceX16 {
    padding-bottom: var(--global-space-x16);
  }

.paddingBottomGlobalSpaceX20 {
    padding-bottom: var(--global-space-x20);
  }

.paddingBottomGlobalSpaceX24 {
    padding-bottom: var(--global-space-x24);
  }

.paddingBottomGlobalSpaceX32 {
    padding-bottom: var(--global-space-x32);
  }

.paddingBottomGlobalSpaceX40 {
    padding-bottom: var(--global-space-x40);
  }

.paddingBottomGlobalSpaceX48 {
    padding-bottom: var(--global-space-x48);
  }

.paddingBottomGlobalSpaceX4 {
    padding-bottom: var(--global-space-x4);
  }

.paddingBottomGlobalSpaceX56 {
    padding-bottom: var(--global-space-x56);
  }

.paddingBottomGlobalSpaceX8 {
    padding-bottom: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .paddingBottomGlobalSpaceX0BreakpointSm {
    padding-bottom: var(--global-space-x0);
    }

    .paddingBottomGlobalSpaceX12BreakpointSm {
    padding-bottom: var(--global-space-x12);
    }

    .paddingBottomGlobalSpaceX16BreakpointSm {
    padding-bottom: var(--global-space-x16);
    }

    .paddingBottomGlobalSpaceX20BreakpointSm {
    padding-bottom: var(--global-space-x20);
    }

    .paddingBottomGlobalSpaceX24BreakpointSm {
    padding-bottom: var(--global-space-x24);
    }

    .paddingBottomGlobalSpaceX32BreakpointSm {
    padding-bottom: var(--global-space-x32);
    }

    .paddingBottomGlobalSpaceX40BreakpointSm {
    padding-bottom: var(--global-space-x40);
    }

    .paddingBottomGlobalSpaceX48BreakpointSm {
    padding-bottom: var(--global-space-x48);
    }

    .paddingBottomGlobalSpaceX4BreakpointSm {
    padding-bottom: var(--global-space-x4);
    }

    .paddingBottomGlobalSpaceX56BreakpointSm {
    padding-bottom: var(--global-space-x56);
    }

    .paddingBottomGlobalSpaceX8BreakpointSm {
    padding-bottom: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .paddingBottomGlobalSpaceX0BreakpointMd {
    padding-bottom: var(--global-space-x0);
    }

    .paddingBottomGlobalSpaceX12BreakpointMd {
    padding-bottom: var(--global-space-x12);
    }

    .paddingBottomGlobalSpaceX16BreakpointMd {
    padding-bottom: var(--global-space-x16);
    }

    .paddingBottomGlobalSpaceX20BreakpointMd {
    padding-bottom: var(--global-space-x20);
    }

    .paddingBottomGlobalSpaceX24BreakpointMd {
    padding-bottom: var(--global-space-x24);
    }

    .paddingBottomGlobalSpaceX32BreakpointMd {
    padding-bottom: var(--global-space-x32);
    }

    .paddingBottomGlobalSpaceX40BreakpointMd {
    padding-bottom: var(--global-space-x40);
    }

    .paddingBottomGlobalSpaceX48BreakpointMd {
    padding-bottom: var(--global-space-x48);
    }

    .paddingBottomGlobalSpaceX4BreakpointMd {
    padding-bottom: var(--global-space-x4);
    }

    .paddingBottomGlobalSpaceX56BreakpointMd {
    padding-bottom: var(--global-space-x56);
    }

    .paddingBottomGlobalSpaceX8BreakpointMd {
    padding-bottom: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .paddingBottomGlobalSpaceX0BreakpointLg {
    padding-bottom: var(--global-space-x0);
    }

    .paddingBottomGlobalSpaceX12BreakpointLg {
    padding-bottom: var(--global-space-x12);
    }

    .paddingBottomGlobalSpaceX16BreakpointLg {
    padding-bottom: var(--global-space-x16);
    }

    .paddingBottomGlobalSpaceX20BreakpointLg {
    padding-bottom: var(--global-space-x20);
    }

    .paddingBottomGlobalSpaceX24BreakpointLg {
    padding-bottom: var(--global-space-x24);
    }

    .paddingBottomGlobalSpaceX32BreakpointLg {
    padding-bottom: var(--global-space-x32);
    }

    .paddingBottomGlobalSpaceX40BreakpointLg {
    padding-bottom: var(--global-space-x40);
    }

    .paddingBottomGlobalSpaceX48BreakpointLg {
    padding-bottom: var(--global-space-x48);
    }

    .paddingBottomGlobalSpaceX4BreakpointLg {
    padding-bottom: var(--global-space-x4);
    }

    .paddingBottomGlobalSpaceX56BreakpointLg {
    padding-bottom: var(--global-space-x56);
    }

    .paddingBottomGlobalSpaceX8BreakpointLg {
    padding-bottom: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .paddingBottomGlobalSpaceX0BreakpointXl {
    padding-bottom: var(--global-space-x0);
    }

    .paddingBottomGlobalSpaceX12BreakpointXl {
    padding-bottom: var(--global-space-x12);
    }

    .paddingBottomGlobalSpaceX16BreakpointXl {
    padding-bottom: var(--global-space-x16);
    }

    .paddingBottomGlobalSpaceX20BreakpointXl {
    padding-bottom: var(--global-space-x20);
    }

    .paddingBottomGlobalSpaceX24BreakpointXl {
    padding-bottom: var(--global-space-x24);
    }

    .paddingBottomGlobalSpaceX32BreakpointXl {
    padding-bottom: var(--global-space-x32);
    }

    .paddingBottomGlobalSpaceX40BreakpointXl {
    padding-bottom: var(--global-space-x40);
    }

    .paddingBottomGlobalSpaceX48BreakpointXl {
    padding-bottom: var(--global-space-x48);
    }

    .paddingBottomGlobalSpaceX4BreakpointXl {
    padding-bottom: var(--global-space-x4);
    }

    .paddingBottomGlobalSpaceX56BreakpointXl {
    padding-bottom: var(--global-space-x56);
    }

    .paddingBottomGlobalSpaceX8BreakpointXl {
    padding-bottom: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .paddingBottomGlobalSpaceX0BreakpointXxl {
    padding-bottom: var(--global-space-x0);
    }

    .paddingBottomGlobalSpaceX12BreakpointXxl {
    padding-bottom: var(--global-space-x12);
    }

    .paddingBottomGlobalSpaceX16BreakpointXxl {
    padding-bottom: var(--global-space-x16);
    }

    .paddingBottomGlobalSpaceX20BreakpointXxl {
    padding-bottom: var(--global-space-x20);
    }

    .paddingBottomGlobalSpaceX24BreakpointXxl {
    padding-bottom: var(--global-space-x24);
    }

    .paddingBottomGlobalSpaceX32BreakpointXxl {
    padding-bottom: var(--global-space-x32);
    }

    .paddingBottomGlobalSpaceX40BreakpointXxl {
    padding-bottom: var(--global-space-x40);
    }

    .paddingBottomGlobalSpaceX48BreakpointXxl {
    padding-bottom: var(--global-space-x48);
    }

    .paddingBottomGlobalSpaceX4BreakpointXxl {
    padding-bottom: var(--global-space-x4);
    }

    .paddingBottomGlobalSpaceX56BreakpointXxl {
    padding-bottom: var(--global-space-x56);
    }

    .paddingBottomGlobalSpaceX8BreakpointXxl {
    padding-bottom: var(--global-space-x8);
    }
}