@patreon/studio/module/styles/classNameForGap/Gap.module.css

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Thu Nov 13 2025 6:47:04 PM
 */

.gapGlobalSpaceX0 {
    gap: var(--global-space-x0);
  }

.gapGlobalSpaceX12 {
    gap: var(--global-space-x12);
  }

.gapGlobalSpaceX16 {
    gap: var(--global-space-x16);
  }

.gapGlobalSpaceX20 {
    gap: var(--global-space-x20);
  }

.gapGlobalSpaceX24 {
    gap: var(--global-space-x24);
  }

.gapGlobalSpaceX32 {
    gap: var(--global-space-x32);
  }

.gapGlobalSpaceX40 {
    gap: var(--global-space-x40);
  }

.gapGlobalSpaceX48 {
    gap: var(--global-space-x48);
  }

.gapGlobalSpaceX4 {
    gap: var(--global-space-x4);
  }

.gapGlobalSpaceX56 {
    gap: var(--global-space-x56);
  }

.gapGlobalSpaceX8 {
    gap: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .gapGlobalSpaceX0BreakpointSm {
    gap: var(--global-space-x0);
    }

    .gapGlobalSpaceX12BreakpointSm {
    gap: var(--global-space-x12);
    }

    .gapGlobalSpaceX16BreakpointSm {
    gap: var(--global-space-x16);
    }

    .gapGlobalSpaceX20BreakpointSm {
    gap: var(--global-space-x20);
    }

    .gapGlobalSpaceX24BreakpointSm {
    gap: var(--global-space-x24);
    }

    .gapGlobalSpaceX32BreakpointSm {
    gap: var(--global-space-x32);
    }

    .gapGlobalSpaceX40BreakpointSm {
    gap: var(--global-space-x40);
    }

    .gapGlobalSpaceX48BreakpointSm {
    gap: var(--global-space-x48);
    }

    .gapGlobalSpaceX4BreakpointSm {
    gap: var(--global-space-x4);
    }

    .gapGlobalSpaceX56BreakpointSm {
    gap: var(--global-space-x56);
    }

    .gapGlobalSpaceX8BreakpointSm {
    gap: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .gapGlobalSpaceX0BreakpointMd {
    gap: var(--global-space-x0);
    }

    .gapGlobalSpaceX12BreakpointMd {
    gap: var(--global-space-x12);
    }

    .gapGlobalSpaceX16BreakpointMd {
    gap: var(--global-space-x16);
    }

    .gapGlobalSpaceX20BreakpointMd {
    gap: var(--global-space-x20);
    }

    .gapGlobalSpaceX24BreakpointMd {
    gap: var(--global-space-x24);
    }

    .gapGlobalSpaceX32BreakpointMd {
    gap: var(--global-space-x32);
    }

    .gapGlobalSpaceX40BreakpointMd {
    gap: var(--global-space-x40);
    }

    .gapGlobalSpaceX48BreakpointMd {
    gap: var(--global-space-x48);
    }

    .gapGlobalSpaceX4BreakpointMd {
    gap: var(--global-space-x4);
    }

    .gapGlobalSpaceX56BreakpointMd {
    gap: var(--global-space-x56);
    }

    .gapGlobalSpaceX8BreakpointMd {
    gap: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .gapGlobalSpaceX0BreakpointLg {
    gap: var(--global-space-x0);
    }

    .gapGlobalSpaceX12BreakpointLg {
    gap: var(--global-space-x12);
    }

    .gapGlobalSpaceX16BreakpointLg {
    gap: var(--global-space-x16);
    }

    .gapGlobalSpaceX20BreakpointLg {
    gap: var(--global-space-x20);
    }

    .gapGlobalSpaceX24BreakpointLg {
    gap: var(--global-space-x24);
    }

    .gapGlobalSpaceX32BreakpointLg {
    gap: var(--global-space-x32);
    }

    .gapGlobalSpaceX40BreakpointLg {
    gap: var(--global-space-x40);
    }

    .gapGlobalSpaceX48BreakpointLg {
    gap: var(--global-space-x48);
    }

    .gapGlobalSpaceX4BreakpointLg {
    gap: var(--global-space-x4);
    }

    .gapGlobalSpaceX56BreakpointLg {
    gap: var(--global-space-x56);
    }

    .gapGlobalSpaceX8BreakpointLg {
    gap: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .gapGlobalSpaceX0BreakpointXl {
    gap: var(--global-space-x0);
    }

    .gapGlobalSpaceX12BreakpointXl {
    gap: var(--global-space-x12);
    }

    .gapGlobalSpaceX16BreakpointXl {
    gap: var(--global-space-x16);
    }

    .gapGlobalSpaceX20BreakpointXl {
    gap: var(--global-space-x20);
    }

    .gapGlobalSpaceX24BreakpointXl {
    gap: var(--global-space-x24);
    }

    .gapGlobalSpaceX32BreakpointXl {
    gap: var(--global-space-x32);
    }

    .gapGlobalSpaceX40BreakpointXl {
    gap: var(--global-space-x40);
    }

    .gapGlobalSpaceX48BreakpointXl {
    gap: var(--global-space-x48);
    }

    .gapGlobalSpaceX4BreakpointXl {
    gap: var(--global-space-x4);
    }

    .gapGlobalSpaceX56BreakpointXl {
    gap: var(--global-space-x56);
    }

    .gapGlobalSpaceX8BreakpointXl {
    gap: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .gapGlobalSpaceX0BreakpointXxl {
    gap: var(--global-space-x0);
    }

    .gapGlobalSpaceX12BreakpointXxl {
    gap: var(--global-space-x12);
    }

    .gapGlobalSpaceX16BreakpointXxl {
    gap: var(--global-space-x16);
    }

    .gapGlobalSpaceX20BreakpointXxl {
    gap: var(--global-space-x20);
    }

    .gapGlobalSpaceX24BreakpointXxl {
    gap: var(--global-space-x24);
    }

    .gapGlobalSpaceX32BreakpointXxl {
    gap: var(--global-space-x32);
    }

    .gapGlobalSpaceX40BreakpointXxl {
    gap: var(--global-space-x40);
    }

    .gapGlobalSpaceX48BreakpointXxl {
    gap: var(--global-space-x48);
    }

    .gapGlobalSpaceX4BreakpointXxl {
    gap: var(--global-space-x4);
    }

    .gapGlobalSpaceX56BreakpointXxl {
    gap: var(--global-space-x56);
    }

    .gapGlobalSpaceX8BreakpointXxl {
    gap: var(--global-space-x8);
    }
}