@patreon/studio/module/styles/classNameForMarginLeft/MarginLeft.module.css

Patreon Studio Design System

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

.marginLeftGlobalSpaceX0 {
    margin-left: var(--global-space-x0);
  }

.marginLeftGlobalSpaceX12 {
    margin-left: var(--global-space-x12);
  }

.marginLeftGlobalSpaceX16 {
    margin-left: var(--global-space-x16);
  }

.marginLeftGlobalSpaceX20 {
    margin-left: var(--global-space-x20);
  }

.marginLeftGlobalSpaceX24 {
    margin-left: var(--global-space-x24);
  }

.marginLeftGlobalSpaceX32 {
    margin-left: var(--global-space-x32);
  }

.marginLeftGlobalSpaceX40 {
    margin-left: var(--global-space-x40);
  }

.marginLeftGlobalSpaceX48 {
    margin-left: var(--global-space-x48);
  }

.marginLeftGlobalSpaceX4 {
    margin-left: var(--global-space-x4);
  }

.marginLeftGlobalSpaceX56 {
    margin-left: var(--global-space-x56);
  }

.marginLeftGlobalSpaceX8 {
    margin-left: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .marginLeftGlobalSpaceX0BreakpointSm {
    margin-left: var(--global-space-x0);
    }

    .marginLeftGlobalSpaceX12BreakpointSm {
    margin-left: var(--global-space-x12);
    }

    .marginLeftGlobalSpaceX16BreakpointSm {
    margin-left: var(--global-space-x16);
    }

    .marginLeftGlobalSpaceX20BreakpointSm {
    margin-left: var(--global-space-x20);
    }

    .marginLeftGlobalSpaceX24BreakpointSm {
    margin-left: var(--global-space-x24);
    }

    .marginLeftGlobalSpaceX32BreakpointSm {
    margin-left: var(--global-space-x32);
    }

    .marginLeftGlobalSpaceX40BreakpointSm {
    margin-left: var(--global-space-x40);
    }

    .marginLeftGlobalSpaceX48BreakpointSm {
    margin-left: var(--global-space-x48);
    }

    .marginLeftGlobalSpaceX4BreakpointSm {
    margin-left: var(--global-space-x4);
    }

    .marginLeftGlobalSpaceX56BreakpointSm {
    margin-left: var(--global-space-x56);
    }

    .marginLeftGlobalSpaceX8BreakpointSm {
    margin-left: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .marginLeftGlobalSpaceX0BreakpointMd {
    margin-left: var(--global-space-x0);
    }

    .marginLeftGlobalSpaceX12BreakpointMd {
    margin-left: var(--global-space-x12);
    }

    .marginLeftGlobalSpaceX16BreakpointMd {
    margin-left: var(--global-space-x16);
    }

    .marginLeftGlobalSpaceX20BreakpointMd {
    margin-left: var(--global-space-x20);
    }

    .marginLeftGlobalSpaceX24BreakpointMd {
    margin-left: var(--global-space-x24);
    }

    .marginLeftGlobalSpaceX32BreakpointMd {
    margin-left: var(--global-space-x32);
    }

    .marginLeftGlobalSpaceX40BreakpointMd {
    margin-left: var(--global-space-x40);
    }

    .marginLeftGlobalSpaceX48BreakpointMd {
    margin-left: var(--global-space-x48);
    }

    .marginLeftGlobalSpaceX4BreakpointMd {
    margin-left: var(--global-space-x4);
    }

    .marginLeftGlobalSpaceX56BreakpointMd {
    margin-left: var(--global-space-x56);
    }

    .marginLeftGlobalSpaceX8BreakpointMd {
    margin-left: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .marginLeftGlobalSpaceX0BreakpointLg {
    margin-left: var(--global-space-x0);
    }

    .marginLeftGlobalSpaceX12BreakpointLg {
    margin-left: var(--global-space-x12);
    }

    .marginLeftGlobalSpaceX16BreakpointLg {
    margin-left: var(--global-space-x16);
    }

    .marginLeftGlobalSpaceX20BreakpointLg {
    margin-left: var(--global-space-x20);
    }

    .marginLeftGlobalSpaceX24BreakpointLg {
    margin-left: var(--global-space-x24);
    }

    .marginLeftGlobalSpaceX32BreakpointLg {
    margin-left: var(--global-space-x32);
    }

    .marginLeftGlobalSpaceX40BreakpointLg {
    margin-left: var(--global-space-x40);
    }

    .marginLeftGlobalSpaceX48BreakpointLg {
    margin-left: var(--global-space-x48);
    }

    .marginLeftGlobalSpaceX4BreakpointLg {
    margin-left: var(--global-space-x4);
    }

    .marginLeftGlobalSpaceX56BreakpointLg {
    margin-left: var(--global-space-x56);
    }

    .marginLeftGlobalSpaceX8BreakpointLg {
    margin-left: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .marginLeftGlobalSpaceX0BreakpointXl {
    margin-left: var(--global-space-x0);
    }

    .marginLeftGlobalSpaceX12BreakpointXl {
    margin-left: var(--global-space-x12);
    }

    .marginLeftGlobalSpaceX16BreakpointXl {
    margin-left: var(--global-space-x16);
    }

    .marginLeftGlobalSpaceX20BreakpointXl {
    margin-left: var(--global-space-x20);
    }

    .marginLeftGlobalSpaceX24BreakpointXl {
    margin-left: var(--global-space-x24);
    }

    .marginLeftGlobalSpaceX32BreakpointXl {
    margin-left: var(--global-space-x32);
    }

    .marginLeftGlobalSpaceX40BreakpointXl {
    margin-left: var(--global-space-x40);
    }

    .marginLeftGlobalSpaceX48BreakpointXl {
    margin-left: var(--global-space-x48);
    }

    .marginLeftGlobalSpaceX4BreakpointXl {
    margin-left: var(--global-space-x4);
    }

    .marginLeftGlobalSpaceX56BreakpointXl {
    margin-left: var(--global-space-x56);
    }

    .marginLeftGlobalSpaceX8BreakpointXl {
    margin-left: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .marginLeftGlobalSpaceX0BreakpointXxl {
    margin-left: var(--global-space-x0);
    }

    .marginLeftGlobalSpaceX12BreakpointXxl {
    margin-left: var(--global-space-x12);
    }

    .marginLeftGlobalSpaceX16BreakpointXxl {
    margin-left: var(--global-space-x16);
    }

    .marginLeftGlobalSpaceX20BreakpointXxl {
    margin-left: var(--global-space-x20);
    }

    .marginLeftGlobalSpaceX24BreakpointXxl {
    margin-left: var(--global-space-x24);
    }

    .marginLeftGlobalSpaceX32BreakpointXxl {
    margin-left: var(--global-space-x32);
    }

    .marginLeftGlobalSpaceX40BreakpointXxl {
    margin-left: var(--global-space-x40);
    }

    .marginLeftGlobalSpaceX48BreakpointXxl {
    margin-left: var(--global-space-x48);
    }

    .marginLeftGlobalSpaceX4BreakpointXxl {
    margin-left: var(--global-space-x4);
    }

    .marginLeftGlobalSpaceX56BreakpointXxl {
    margin-left: var(--global-space-x56);
    }

    .marginLeftGlobalSpaceX8BreakpointXxl {
    margin-left: var(--global-space-x8);
    }
}