@patreon/studio/module/styles/classNameForMarginBottom/MarginBottom.module.css

Patreon Studio Design System

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

.marginBottomGlobalSpaceX0 {
    margin-bottom: var(--global-space-x0);
  }

.marginBottomGlobalSpaceX12 {
    margin-bottom: var(--global-space-x12);
  }

.marginBottomGlobalSpaceX16 {
    margin-bottom: var(--global-space-x16);
  }

.marginBottomGlobalSpaceX20 {
    margin-bottom: var(--global-space-x20);
  }

.marginBottomGlobalSpaceX24 {
    margin-bottom: var(--global-space-x24);
  }

.marginBottomGlobalSpaceX32 {
    margin-bottom: var(--global-space-x32);
  }

.marginBottomGlobalSpaceX40 {
    margin-bottom: var(--global-space-x40);
  }

.marginBottomGlobalSpaceX48 {
    margin-bottom: var(--global-space-x48);
  }

.marginBottomGlobalSpaceX4 {
    margin-bottom: var(--global-space-x4);
  }

.marginBottomGlobalSpaceX56 {
    margin-bottom: var(--global-space-x56);
  }

.marginBottomGlobalSpaceX8 {
    margin-bottom: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .marginBottomGlobalSpaceX0BreakpointSm {
    margin-bottom: var(--global-space-x0);
    }

    .marginBottomGlobalSpaceX12BreakpointSm {
    margin-bottom: var(--global-space-x12);
    }

    .marginBottomGlobalSpaceX16BreakpointSm {
    margin-bottom: var(--global-space-x16);
    }

    .marginBottomGlobalSpaceX20BreakpointSm {
    margin-bottom: var(--global-space-x20);
    }

    .marginBottomGlobalSpaceX24BreakpointSm {
    margin-bottom: var(--global-space-x24);
    }

    .marginBottomGlobalSpaceX32BreakpointSm {
    margin-bottom: var(--global-space-x32);
    }

    .marginBottomGlobalSpaceX40BreakpointSm {
    margin-bottom: var(--global-space-x40);
    }

    .marginBottomGlobalSpaceX48BreakpointSm {
    margin-bottom: var(--global-space-x48);
    }

    .marginBottomGlobalSpaceX4BreakpointSm {
    margin-bottom: var(--global-space-x4);
    }

    .marginBottomGlobalSpaceX56BreakpointSm {
    margin-bottom: var(--global-space-x56);
    }

    .marginBottomGlobalSpaceX8BreakpointSm {
    margin-bottom: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .marginBottomGlobalSpaceX0BreakpointMd {
    margin-bottom: var(--global-space-x0);
    }

    .marginBottomGlobalSpaceX12BreakpointMd {
    margin-bottom: var(--global-space-x12);
    }

    .marginBottomGlobalSpaceX16BreakpointMd {
    margin-bottom: var(--global-space-x16);
    }

    .marginBottomGlobalSpaceX20BreakpointMd {
    margin-bottom: var(--global-space-x20);
    }

    .marginBottomGlobalSpaceX24BreakpointMd {
    margin-bottom: var(--global-space-x24);
    }

    .marginBottomGlobalSpaceX32BreakpointMd {
    margin-bottom: var(--global-space-x32);
    }

    .marginBottomGlobalSpaceX40BreakpointMd {
    margin-bottom: var(--global-space-x40);
    }

    .marginBottomGlobalSpaceX48BreakpointMd {
    margin-bottom: var(--global-space-x48);
    }

    .marginBottomGlobalSpaceX4BreakpointMd {
    margin-bottom: var(--global-space-x4);
    }

    .marginBottomGlobalSpaceX56BreakpointMd {
    margin-bottom: var(--global-space-x56);
    }

    .marginBottomGlobalSpaceX8BreakpointMd {
    margin-bottom: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .marginBottomGlobalSpaceX0BreakpointLg {
    margin-bottom: var(--global-space-x0);
    }

    .marginBottomGlobalSpaceX12BreakpointLg {
    margin-bottom: var(--global-space-x12);
    }

    .marginBottomGlobalSpaceX16BreakpointLg {
    margin-bottom: var(--global-space-x16);
    }

    .marginBottomGlobalSpaceX20BreakpointLg {
    margin-bottom: var(--global-space-x20);
    }

    .marginBottomGlobalSpaceX24BreakpointLg {
    margin-bottom: var(--global-space-x24);
    }

    .marginBottomGlobalSpaceX32BreakpointLg {
    margin-bottom: var(--global-space-x32);
    }

    .marginBottomGlobalSpaceX40BreakpointLg {
    margin-bottom: var(--global-space-x40);
    }

    .marginBottomGlobalSpaceX48BreakpointLg {
    margin-bottom: var(--global-space-x48);
    }

    .marginBottomGlobalSpaceX4BreakpointLg {
    margin-bottom: var(--global-space-x4);
    }

    .marginBottomGlobalSpaceX56BreakpointLg {
    margin-bottom: var(--global-space-x56);
    }

    .marginBottomGlobalSpaceX8BreakpointLg {
    margin-bottom: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .marginBottomGlobalSpaceX0BreakpointXl {
    margin-bottom: var(--global-space-x0);
    }

    .marginBottomGlobalSpaceX12BreakpointXl {
    margin-bottom: var(--global-space-x12);
    }

    .marginBottomGlobalSpaceX16BreakpointXl {
    margin-bottom: var(--global-space-x16);
    }

    .marginBottomGlobalSpaceX20BreakpointXl {
    margin-bottom: var(--global-space-x20);
    }

    .marginBottomGlobalSpaceX24BreakpointXl {
    margin-bottom: var(--global-space-x24);
    }

    .marginBottomGlobalSpaceX32BreakpointXl {
    margin-bottom: var(--global-space-x32);
    }

    .marginBottomGlobalSpaceX40BreakpointXl {
    margin-bottom: var(--global-space-x40);
    }

    .marginBottomGlobalSpaceX48BreakpointXl {
    margin-bottom: var(--global-space-x48);
    }

    .marginBottomGlobalSpaceX4BreakpointXl {
    margin-bottom: var(--global-space-x4);
    }

    .marginBottomGlobalSpaceX56BreakpointXl {
    margin-bottom: var(--global-space-x56);
    }

    .marginBottomGlobalSpaceX8BreakpointXl {
    margin-bottom: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .marginBottomGlobalSpaceX0BreakpointXxl {
    margin-bottom: var(--global-space-x0);
    }

    .marginBottomGlobalSpaceX12BreakpointXxl {
    margin-bottom: var(--global-space-x12);
    }

    .marginBottomGlobalSpaceX16BreakpointXxl {
    margin-bottom: var(--global-space-x16);
    }

    .marginBottomGlobalSpaceX20BreakpointXxl {
    margin-bottom: var(--global-space-x20);
    }

    .marginBottomGlobalSpaceX24BreakpointXxl {
    margin-bottom: var(--global-space-x24);
    }

    .marginBottomGlobalSpaceX32BreakpointXxl {
    margin-bottom: var(--global-space-x32);
    }

    .marginBottomGlobalSpaceX40BreakpointXxl {
    margin-bottom: var(--global-space-x40);
    }

    .marginBottomGlobalSpaceX48BreakpointXxl {
    margin-bottom: var(--global-space-x48);
    }

    .marginBottomGlobalSpaceX4BreakpointXxl {
    margin-bottom: var(--global-space-x4);
    }

    .marginBottomGlobalSpaceX56BreakpointXxl {
    margin-bottom: var(--global-space-x56);
    }

    .marginBottomGlobalSpaceX8BreakpointXxl {
    margin-bottom: var(--global-space-x8);
    }
}