@patreon/studio/module/styles/classNameForPaddingLeft/PaddingLeft.module.css

Patreon Studio Design System

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

.paddingLeftGlobalSpaceX0 {
    padding-left: var(--global-space-x0);
  }

.paddingLeftGlobalSpaceX12 {
    padding-left: var(--global-space-x12);
  }

.paddingLeftGlobalSpaceX16 {
    padding-left: var(--global-space-x16);
  }

.paddingLeftGlobalSpaceX20 {
    padding-left: var(--global-space-x20);
  }

.paddingLeftGlobalSpaceX24 {
    padding-left: var(--global-space-x24);
  }

.paddingLeftGlobalSpaceX32 {
    padding-left: var(--global-space-x32);
  }

.paddingLeftGlobalSpaceX40 {
    padding-left: var(--global-space-x40);
  }

.paddingLeftGlobalSpaceX48 {
    padding-left: var(--global-space-x48);
  }

.paddingLeftGlobalSpaceX4 {
    padding-left: var(--global-space-x4);
  }

.paddingLeftGlobalSpaceX56 {
    padding-left: var(--global-space-x56);
  }

.paddingLeftGlobalSpaceX8 {
    padding-left: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .paddingLeftGlobalSpaceX0BreakpointSm {
    padding-left: var(--global-space-x0);
    }

    .paddingLeftGlobalSpaceX12BreakpointSm {
    padding-left: var(--global-space-x12);
    }

    .paddingLeftGlobalSpaceX16BreakpointSm {
    padding-left: var(--global-space-x16);
    }

    .paddingLeftGlobalSpaceX20BreakpointSm {
    padding-left: var(--global-space-x20);
    }

    .paddingLeftGlobalSpaceX24BreakpointSm {
    padding-left: var(--global-space-x24);
    }

    .paddingLeftGlobalSpaceX32BreakpointSm {
    padding-left: var(--global-space-x32);
    }

    .paddingLeftGlobalSpaceX40BreakpointSm {
    padding-left: var(--global-space-x40);
    }

    .paddingLeftGlobalSpaceX48BreakpointSm {
    padding-left: var(--global-space-x48);
    }

    .paddingLeftGlobalSpaceX4BreakpointSm {
    padding-left: var(--global-space-x4);
    }

    .paddingLeftGlobalSpaceX56BreakpointSm {
    padding-left: var(--global-space-x56);
    }

    .paddingLeftGlobalSpaceX8BreakpointSm {
    padding-left: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .paddingLeftGlobalSpaceX0BreakpointMd {
    padding-left: var(--global-space-x0);
    }

    .paddingLeftGlobalSpaceX12BreakpointMd {
    padding-left: var(--global-space-x12);
    }

    .paddingLeftGlobalSpaceX16BreakpointMd {
    padding-left: var(--global-space-x16);
    }

    .paddingLeftGlobalSpaceX20BreakpointMd {
    padding-left: var(--global-space-x20);
    }

    .paddingLeftGlobalSpaceX24BreakpointMd {
    padding-left: var(--global-space-x24);
    }

    .paddingLeftGlobalSpaceX32BreakpointMd {
    padding-left: var(--global-space-x32);
    }

    .paddingLeftGlobalSpaceX40BreakpointMd {
    padding-left: var(--global-space-x40);
    }

    .paddingLeftGlobalSpaceX48BreakpointMd {
    padding-left: var(--global-space-x48);
    }

    .paddingLeftGlobalSpaceX4BreakpointMd {
    padding-left: var(--global-space-x4);
    }

    .paddingLeftGlobalSpaceX56BreakpointMd {
    padding-left: var(--global-space-x56);
    }

    .paddingLeftGlobalSpaceX8BreakpointMd {
    padding-left: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .paddingLeftGlobalSpaceX0BreakpointLg {
    padding-left: var(--global-space-x0);
    }

    .paddingLeftGlobalSpaceX12BreakpointLg {
    padding-left: var(--global-space-x12);
    }

    .paddingLeftGlobalSpaceX16BreakpointLg {
    padding-left: var(--global-space-x16);
    }

    .paddingLeftGlobalSpaceX20BreakpointLg {
    padding-left: var(--global-space-x20);
    }

    .paddingLeftGlobalSpaceX24BreakpointLg {
    padding-left: var(--global-space-x24);
    }

    .paddingLeftGlobalSpaceX32BreakpointLg {
    padding-left: var(--global-space-x32);
    }

    .paddingLeftGlobalSpaceX40BreakpointLg {
    padding-left: var(--global-space-x40);
    }

    .paddingLeftGlobalSpaceX48BreakpointLg {
    padding-left: var(--global-space-x48);
    }

    .paddingLeftGlobalSpaceX4BreakpointLg {
    padding-left: var(--global-space-x4);
    }

    .paddingLeftGlobalSpaceX56BreakpointLg {
    padding-left: var(--global-space-x56);
    }

    .paddingLeftGlobalSpaceX8BreakpointLg {
    padding-left: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .paddingLeftGlobalSpaceX0BreakpointXl {
    padding-left: var(--global-space-x0);
    }

    .paddingLeftGlobalSpaceX12BreakpointXl {
    padding-left: var(--global-space-x12);
    }

    .paddingLeftGlobalSpaceX16BreakpointXl {
    padding-left: var(--global-space-x16);
    }

    .paddingLeftGlobalSpaceX20BreakpointXl {
    padding-left: var(--global-space-x20);
    }

    .paddingLeftGlobalSpaceX24BreakpointXl {
    padding-left: var(--global-space-x24);
    }

    .paddingLeftGlobalSpaceX32BreakpointXl {
    padding-left: var(--global-space-x32);
    }

    .paddingLeftGlobalSpaceX40BreakpointXl {
    padding-left: var(--global-space-x40);
    }

    .paddingLeftGlobalSpaceX48BreakpointXl {
    padding-left: var(--global-space-x48);
    }

    .paddingLeftGlobalSpaceX4BreakpointXl {
    padding-left: var(--global-space-x4);
    }

    .paddingLeftGlobalSpaceX56BreakpointXl {
    padding-left: var(--global-space-x56);
    }

    .paddingLeftGlobalSpaceX8BreakpointXl {
    padding-left: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .paddingLeftGlobalSpaceX0BreakpointXxl {
    padding-left: var(--global-space-x0);
    }

    .paddingLeftGlobalSpaceX12BreakpointXxl {
    padding-left: var(--global-space-x12);
    }

    .paddingLeftGlobalSpaceX16BreakpointXxl {
    padding-left: var(--global-space-x16);
    }

    .paddingLeftGlobalSpaceX20BreakpointXxl {
    padding-left: var(--global-space-x20);
    }

    .paddingLeftGlobalSpaceX24BreakpointXxl {
    padding-left: var(--global-space-x24);
    }

    .paddingLeftGlobalSpaceX32BreakpointXxl {
    padding-left: var(--global-space-x32);
    }

    .paddingLeftGlobalSpaceX40BreakpointXxl {
    padding-left: var(--global-space-x40);
    }

    .paddingLeftGlobalSpaceX48BreakpointXxl {
    padding-left: var(--global-space-x48);
    }

    .paddingLeftGlobalSpaceX4BreakpointXxl {
    padding-left: var(--global-space-x4);
    }

    .paddingLeftGlobalSpaceX56BreakpointXxl {
    padding-left: var(--global-space-x56);
    }

    .paddingLeftGlobalSpaceX8BreakpointXxl {
    padding-left: var(--global-space-x8);
    }
}