@patreon/studio/module/styles/classNameForPaddingTop/PaddingTop.module.css

Patreon Studio Design System

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

.paddingTopGlobalSpaceX0 {
    padding-top: var(--global-space-x0);
  }

.paddingTopGlobalSpaceX12 {
    padding-top: var(--global-space-x12);
  }

.paddingTopGlobalSpaceX16 {
    padding-top: var(--global-space-x16);
  }

.paddingTopGlobalSpaceX20 {
    padding-top: var(--global-space-x20);
  }

.paddingTopGlobalSpaceX24 {
    padding-top: var(--global-space-x24);
  }

.paddingTopGlobalSpaceX32 {
    padding-top: var(--global-space-x32);
  }

.paddingTopGlobalSpaceX40 {
    padding-top: var(--global-space-x40);
  }

.paddingTopGlobalSpaceX48 {
    padding-top: var(--global-space-x48);
  }

.paddingTopGlobalSpaceX4 {
    padding-top: var(--global-space-x4);
  }

.paddingTopGlobalSpaceX56 {
    padding-top: var(--global-space-x56);
  }

.paddingTopGlobalSpaceX8 {
    padding-top: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .paddingTopGlobalSpaceX0BreakpointSm {
    padding-top: var(--global-space-x0);
    }

    .paddingTopGlobalSpaceX12BreakpointSm {
    padding-top: var(--global-space-x12);
    }

    .paddingTopGlobalSpaceX16BreakpointSm {
    padding-top: var(--global-space-x16);
    }

    .paddingTopGlobalSpaceX20BreakpointSm {
    padding-top: var(--global-space-x20);
    }

    .paddingTopGlobalSpaceX24BreakpointSm {
    padding-top: var(--global-space-x24);
    }

    .paddingTopGlobalSpaceX32BreakpointSm {
    padding-top: var(--global-space-x32);
    }

    .paddingTopGlobalSpaceX40BreakpointSm {
    padding-top: var(--global-space-x40);
    }

    .paddingTopGlobalSpaceX48BreakpointSm {
    padding-top: var(--global-space-x48);
    }

    .paddingTopGlobalSpaceX4BreakpointSm {
    padding-top: var(--global-space-x4);
    }

    .paddingTopGlobalSpaceX56BreakpointSm {
    padding-top: var(--global-space-x56);
    }

    .paddingTopGlobalSpaceX8BreakpointSm {
    padding-top: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .paddingTopGlobalSpaceX0BreakpointMd {
    padding-top: var(--global-space-x0);
    }

    .paddingTopGlobalSpaceX12BreakpointMd {
    padding-top: var(--global-space-x12);
    }

    .paddingTopGlobalSpaceX16BreakpointMd {
    padding-top: var(--global-space-x16);
    }

    .paddingTopGlobalSpaceX20BreakpointMd {
    padding-top: var(--global-space-x20);
    }

    .paddingTopGlobalSpaceX24BreakpointMd {
    padding-top: var(--global-space-x24);
    }

    .paddingTopGlobalSpaceX32BreakpointMd {
    padding-top: var(--global-space-x32);
    }

    .paddingTopGlobalSpaceX40BreakpointMd {
    padding-top: var(--global-space-x40);
    }

    .paddingTopGlobalSpaceX48BreakpointMd {
    padding-top: var(--global-space-x48);
    }

    .paddingTopGlobalSpaceX4BreakpointMd {
    padding-top: var(--global-space-x4);
    }

    .paddingTopGlobalSpaceX56BreakpointMd {
    padding-top: var(--global-space-x56);
    }

    .paddingTopGlobalSpaceX8BreakpointMd {
    padding-top: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .paddingTopGlobalSpaceX0BreakpointLg {
    padding-top: var(--global-space-x0);
    }

    .paddingTopGlobalSpaceX12BreakpointLg {
    padding-top: var(--global-space-x12);
    }

    .paddingTopGlobalSpaceX16BreakpointLg {
    padding-top: var(--global-space-x16);
    }

    .paddingTopGlobalSpaceX20BreakpointLg {
    padding-top: var(--global-space-x20);
    }

    .paddingTopGlobalSpaceX24BreakpointLg {
    padding-top: var(--global-space-x24);
    }

    .paddingTopGlobalSpaceX32BreakpointLg {
    padding-top: var(--global-space-x32);
    }

    .paddingTopGlobalSpaceX40BreakpointLg {
    padding-top: var(--global-space-x40);
    }

    .paddingTopGlobalSpaceX48BreakpointLg {
    padding-top: var(--global-space-x48);
    }

    .paddingTopGlobalSpaceX4BreakpointLg {
    padding-top: var(--global-space-x4);
    }

    .paddingTopGlobalSpaceX56BreakpointLg {
    padding-top: var(--global-space-x56);
    }

    .paddingTopGlobalSpaceX8BreakpointLg {
    padding-top: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .paddingTopGlobalSpaceX0BreakpointXl {
    padding-top: var(--global-space-x0);
    }

    .paddingTopGlobalSpaceX12BreakpointXl {
    padding-top: var(--global-space-x12);
    }

    .paddingTopGlobalSpaceX16BreakpointXl {
    padding-top: var(--global-space-x16);
    }

    .paddingTopGlobalSpaceX20BreakpointXl {
    padding-top: var(--global-space-x20);
    }

    .paddingTopGlobalSpaceX24BreakpointXl {
    padding-top: var(--global-space-x24);
    }

    .paddingTopGlobalSpaceX32BreakpointXl {
    padding-top: var(--global-space-x32);
    }

    .paddingTopGlobalSpaceX40BreakpointXl {
    padding-top: var(--global-space-x40);
    }

    .paddingTopGlobalSpaceX48BreakpointXl {
    padding-top: var(--global-space-x48);
    }

    .paddingTopGlobalSpaceX4BreakpointXl {
    padding-top: var(--global-space-x4);
    }

    .paddingTopGlobalSpaceX56BreakpointXl {
    padding-top: var(--global-space-x56);
    }

    .paddingTopGlobalSpaceX8BreakpointXl {
    padding-top: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .paddingTopGlobalSpaceX0BreakpointXxl {
    padding-top: var(--global-space-x0);
    }

    .paddingTopGlobalSpaceX12BreakpointXxl {
    padding-top: var(--global-space-x12);
    }

    .paddingTopGlobalSpaceX16BreakpointXxl {
    padding-top: var(--global-space-x16);
    }

    .paddingTopGlobalSpaceX20BreakpointXxl {
    padding-top: var(--global-space-x20);
    }

    .paddingTopGlobalSpaceX24BreakpointXxl {
    padding-top: var(--global-space-x24);
    }

    .paddingTopGlobalSpaceX32BreakpointXxl {
    padding-top: var(--global-space-x32);
    }

    .paddingTopGlobalSpaceX40BreakpointXxl {
    padding-top: var(--global-space-x40);
    }

    .paddingTopGlobalSpaceX48BreakpointXxl {
    padding-top: var(--global-space-x48);
    }

    .paddingTopGlobalSpaceX4BreakpointXxl {
    padding-top: var(--global-space-x4);
    }

    .paddingTopGlobalSpaceX56BreakpointXxl {
    padding-top: var(--global-space-x56);
    }

    .paddingTopGlobalSpaceX8BreakpointXxl {
    padding-top: var(--global-space-x8);
    }
}