style-forge.media/src/tablet/padding.css

Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .\@tab\:p { padding: var(--sf-rem) }
  .\@tab\:p\:0 { padding: 0 }
  .\@tab\:p\:xs { padding: var(--sf-rem-xs) }
  .\@tab\:p\:sm { padding: var(--sf-rem-sm) }
  .\@tab\:p\:s { padding: var(--sf-rem-s) }
  .\@tab\:p\:ms { padding: var(--sf-rem-ms) }
  .\@tab\:p\:ls { padding: var(--sf-rem-ls) }
  .\@tab\:p\:md { padding: var(--sf-rem-md) }
  .\@tab\:p\:lg { padding: var(--sf-rem-lg) }
  .\@tab\:p\:xl { padding: var(--sf-rem-xl) }
  .\@tab\:p\:2xl { padding: var(--sf-rem-2xl) }
  .\@tab\:p\:3xl { padding: var(--sf-rem-3xl) }
  .\@tab\:p\:4xl { padding: var(--sf-rem-4xl) }
  .\@tab\:p\:5xl { padding: var(--sf-rem-5xl) }
  .\@tab\:p\:6xl { padding: var(--sf-rem-6xl) }
  .\@tab\:p\:7xl { padding: var(--sf-rem-7xl) }
  .\@tab\:p\:8xl { padding: var(--sf-rem-8xl) }
  .\@tab\:p\:9xl { padding: var(--sf-rem-9xl) }
  .\@tab\:p\:10xl { padding: var(--sf-rem-10xl) }
  .\@tab\:p\:11xl { padding: var(--sf-rem-11xl) }
  .\@tab\:p\:12xl { padding: var(--sf-rem-12xl) }

  .\@tab\:pt { padding-block-start: var(--sf-rem) }
  .\@tab\:pt\:0 { padding-block-start: 0 }
  .\@tab\:pt\:xs { padding-block-start: var(--sf-rem-xs) }
  .\@tab\:pt\:sm { padding-block-start: var(--sf-rem-sm) }
  .\@tab\:pt\:s { padding-block-start: var(--sf-rem-s) }
  .\@tab\:pt\:ms { padding-block-start: var(--sf-rem-ms) }
  .\@tab\:pt\:ls { padding-block-start: var(--sf-rem-ls) }
  .\@tab\:pt\:md { padding-block-start: var(--sf-rem-md) }
  .\@tab\:pt\:lg { padding-block-start: var(--sf-rem-lg) }
  .\@tab\:pt\:xl { padding-block-start: var(--sf-rem-xl) }
  .\@tab\:pt\:2xl { padding-block-start: var(--sf-rem-2xl) }
  .\@tab\:pt\:3xl { padding-block-start: var(--sf-rem-3xl) }
  .\@tab\:pt\:4xl { padding-block-start: var(--sf-rem-4xl) }
  .\@tab\:pt\:5xl { padding-block-start: var(--sf-rem-5xl) }
  .\@tab\:pt\:6xl { padding-block-start: var(--sf-rem-6xl) }
  .\@tab\:pt\:7xl { padding-block-start: var(--sf-rem-7xl) }
  .\@tab\:pt\:8xl { padding-block-start: var(--sf-rem-8xl) }
  .\@tab\:pt\:9xl { padding-block-start: var(--sf-rem-9xl) }
  .\@tab\:pt\:10xl { padding-block-start: var(--sf-rem-10xl) }
  .\@tab\:pt\:11xl { padding-block-start: var(--sf-rem-11xl) }
  .\@tab\:pt\:12xl { padding-block-start: var(--sf-rem-12xl) }

  .\@tab\:pr { padding-inline-end: var(--sf-rem) }
  .\@tab\:pr\:0 { padding-inline-end: 0 }
  .\@tab\:pr\:xs { padding-inline-end: var(--sf-rem-xs) }
  .\@tab\:pr\:sm { padding-inline-end: var(--sf-rem-sm) }
  .\@tab\:pr\:s { padding-inline-end: var(--sf-rem-s) }
  .\@tab\:pr\:ms { padding-inline-end: var(--sf-rem-ms) }
  .\@tab\:pr\:ls { padding-inline-end: var(--sf-rem-ls) }
  .\@tab\:pr\:md { padding-inline-end: var(--sf-rem-md) }
  .\@tab\:pr\:lg { padding-inline-end: var(--sf-rem-lg) }
  .\@tab\:pr\:xl { padding-inline-end: var(--sf-rem-xl) }
  .\@tab\:pr\:2xl { padding-inline-end: var(--sf-rem-2xl) }
  .\@tab\:pr\:3xl { padding-inline-end: var(--sf-rem-3xl) }
  .\@tab\:pr\:4xl { padding-inline-end: var(--sf-rem-4xl) }
  .\@tab\:pr\:5xl { padding-inline-end: var(--sf-rem-5xl) }
  .\@tab\:pr\:6xl { padding-inline-end: var(--sf-rem-6xl) }
  .\@tab\:pr\:7xl { padding-inline-end: var(--sf-rem-7xl) }
  .\@tab\:pr\:8xl { padding-inline-end: var(--sf-rem-8xl) }
  .\@tab\:pr\:9xl { padding-inline-end: var(--sf-rem-9xl) }
  .\@tab\:pr\:10xl { padding-inline-end: var(--sf-rem-10xl) }
  .\@tab\:pr\:11xl { padding-inline-end: var(--sf-rem-11xl) }
  .\@tab\:pr\:12xl { padding-inline-end: var(--sf-rem-12xl) }

  .\@tab\:pb { padding-block-end: var(--sf-rem) }
  .\@tab\:pb\:0 { padding-block-end: 0 }
  .\@tab\:pb\:xs { padding-block-end: var(--sf-rem-xs) }
  .\@tab\:pb\:sm { padding-block-end: var(--sf-rem-sm) }
  .\@tab\:pb\:s { padding-block-end: var(--sf-rem-s) }
  .\@tab\:pb\:ms { padding-block-end: var(--sf-rem-ms) }
  .\@tab\:pb\:ls { padding-block-end: var(--sf-rem-ls) }
  .\@tab\:pb\:md { padding-block-end: var(--sf-rem-md) }
  .\@tab\:pb\:lg { padding-block-end: var(--sf-rem-lg) }
  .\@tab\:pb\:xl { padding-block-end: var(--sf-rem-xl) }
  .\@tab\:pb\:2xl { padding-block-end: var(--sf-rem-2xl) }
  .\@tab\:pb\:3xl { padding-block-end: var(--sf-rem-3xl) }
  .\@tab\:pb\:4xl { padding-block-end: var(--sf-rem-4xl) }
  .\@tab\:pb\:5xl { padding-block-end: var(--sf-rem-5xl) }
  .\@tab\:pb\:6xl { padding-block-end: var(--sf-rem-6xl) }
  .\@tab\:pb\:7xl { padding-block-end: var(--sf-rem-7xl) }
  .\@tab\:pb\:8xl { padding-block-end: var(--sf-rem-8xl) }
  .\@tab\:pb\:9xl { padding-block-end: var(--sf-rem-9xl) }
  .\@tab\:pb\:10xl { padding-block-end: var(--sf-rem-10xl) }
  .\@tab\:pb\:11xl { padding-block-end: var(--sf-rem-11xl) }
  .\@tab\:pb\:12xl { padding-block-end: var(--sf-rem-12xl) }

  .\@tab\:pl { padding-inline-start: var(--sf-rem) }
  .\@tab\:pl\:0 { padding-inline-start: 0 }
  .\@tab\:pl\:xs { padding-inline-start: var(--sf-rem-xs) }
  .\@tab\:pl\:sm { padding-inline-start: var(--sf-rem-sm) }
  .\@tab\:pl\:s { padding-inline-start: var(--sf-rem-s) }
  .\@tab\:pl\:ms { padding-inline-start: var(--sf-rem-ms) }
  .\@tab\:pl\:ls { padding-inline-start: var(--sf-rem-ls) }
  .\@tab\:pl\:md { padding-inline-start: var(--sf-rem-md) }
  .\@tab\:pl\:lg { padding-inline-start: var(--sf-rem-lg) }
  .\@tab\:pl\:xl { padding-inline-start: var(--sf-rem-xl) }
  .\@tab\:pl\:2xl { padding-inline-start: var(--sf-rem-2xl) }
  .\@tab\:pl\:3xl { padding-inline-start: var(--sf-rem-3xl) }
  .\@tab\:pl\:4xl { padding-inline-start: var(--sf-rem-4xl) }
  .\@tab\:pl\:5xl { padding-inline-start: var(--sf-rem-5xl) }
  .\@tab\:pl\:6xl { padding-inline-start: var(--sf-rem-6xl) }
  .\@tab\:pl\:7xl { padding-inline-start: var(--sf-rem-7xl) }
  .\@tab\:pl\:8xl { padding-inline-start: var(--sf-rem-8xl) }
  .\@tab\:pl\:9xl { padding-inline-start: var(--sf-rem-9xl) }
  .\@tab\:pl\:10xl { padding-inline-start: var(--sf-rem-10xl) }
  .\@tab\:pl\:11xl { padding-inline-start: var(--sf-rem-11xl) }
  .\@tab\:pl\:12xl { padding-inline-start: var(--sf-rem-12xl) }

  .\@tab\:px { padding-inline: var(--sf-rem) }
  .\@tab\:px\:0 { padding-inline: 0 }
  .\@tab\:px\:xs { padding-inline: var(--sf-rem-xs) }
  .\@tab\:px\:sm { padding-inline: var(--sf-rem-sm) }
  .\@tab\:px\:s { padding-inline: var(--sf-rem-s) }
  .\@tab\:px\:ms { padding-inline: var(--sf-rem-ms) }
  .\@tab\:px\:ls { padding-inline: var(--sf-rem-ls) }
  .\@tab\:px\:md { padding-inline: var(--sf-rem-md) }
  .\@tab\:px\:lg { padding-inline: var(--sf-rem-lg) }
  .\@tab\:px\:xl { padding-inline: var(--sf-rem-xl) }
  .\@tab\:px\:2xl { padding-inline: var(--sf-rem-2xl) }
  .\@tab\:px\:3xl { padding-inline: var(--sf-rem-3xl) }
  .\@tab\:px\:4xl { padding-inline: var(--sf-rem-4xl) }
  .\@tab\:px\:5xl { padding-inline: var(--sf-rem-5xl) }
  .\@tab\:px\:6xl { padding-inline: var(--sf-rem-6xl) }
  .\@tab\:px\:7xl { padding-inline: var(--sf-rem-7xl) }
  .\@tab\:px\:8xl { padding-inline: var(--sf-rem-8xl) }
  .\@tab\:px\:9xl { padding-inline: var(--sf-rem-9xl) }
  .\@tab\:px\:10xl { padding-inline: var(--sf-rem-10xl) }
  .\@tab\:px\:11xl { padding-inline: var(--sf-rem-11xl) }
  .\@tab\:px\:12xl { padding-inline: var(--sf-rem-12xl) }

  .\@tab\:py { padding-block: var(--sf-rem) }
  .\@tab\:py\:0 { padding-block: 0 }
  .\@tab\:py\:xs { padding-block: var(--sf-rem-xs) }
  .\@tab\:py\:sm { padding-block: var(--sf-rem-sm) }
  .\@tab\:py\:s { padding-block: var(--sf-rem-s) }
  .\@tab\:py\:ms { padding-block: var(--sf-rem-ms) }
  .\@tab\:py\:ls { padding-block: var(--sf-rem-ls) }
  .\@tab\:py\:md { padding-block: var(--sf-rem-md) }
  .\@tab\:py\:lg { padding-block: var(--sf-rem-lg) }
  .\@tab\:py\:xl { padding-block: var(--sf-rem-xl) }
  .\@tab\:py\:2xl { padding-block: var(--sf-rem-2xl) }
  .\@tab\:py\:3xl { padding-block: var(--sf-rem-3xl) }
  .\@tab\:py\:4xl { padding-block: var(--sf-rem-4xl) }
  .\@tab\:py\:5xl { padding-block: var(--sf-rem-5xl) }
  .\@tab\:py\:6xl { padding-block: var(--sf-rem-6xl) }
  .\@tab\:py\:7xl { padding-block: var(--sf-rem-7xl) }
  .\@tab\:py\:8xl { padding-block: var(--sf-rem-8xl) }
  .\@tab\:py\:9xl { padding-block: var(--sf-rem-9xl) }
  .\@tab\:py\:10xl { padding-block: var(--sf-rem-10xl) }
  .\@tab\:py\:11xl { padding-block: var(--sf-rem-11xl) }
  .\@tab\:py\:12xl { padding-block: var(--sf-rem-12xl) }

  /* /// */

  html.var .\@tab\:p { padding: 8px }
  html.var .\@tab\:p\:0 { padding: 0 }
  html.var .\@tab\:p\:xs { padding: 4px }
  html.var .\@tab\:p\:sm { padding: 8px }
  html.var .\@tab\:p\:s { padding: 10px }
  html.var .\@tab\:p\:ms { padding: 12px }
  html.var .\@tab\:p\:ls { padding: 14px }
  html.var .\@tab\:p\:md { padding: 16px }
  html.var .\@tab\:p\:lg { padding: 18px }
  html.var .\@tab\:p\:xl { padding: 20px }
  html.var .\@tab\:p\:2xl { padding: 24px }
  html.var .\@tab\:p\:3xl { padding: 32px }
  html.var .\@tab\:p\:4xl { padding: 40px }
  html.var .\@tab\:p\:5xl { padding: 48px }
  html.var .\@tab\:p\:6xl { padding: 56px }
  html.var .\@tab\:p\:7xl { padding: 64px }
  html.var .\@tab\:p\:8xl { padding: 72px }
  html.var .\@tab\:p\:9xl { padding: 80px }
  html.var .\@tab\:p\:10xl { padding: 88px }
  html.var .\@tab\:p\:11xl { padding: 96px }
  html.var .\@tab\:p\:12xl { padding: 104px }

  html.var .\@tab\:pt { padding-top: 8px }
  html.var .\@tab\:pt\:0 { padding-top: 0 }
  html.var .\@tab\:pt\:xs { padding-top: 4px }
  html.var .\@tab\:pt\:sm { padding-top: 8px }
  html.var .\@tab\:pt\:s { padding-top: 10px }
  html.var .\@tab\:pt\:ms { padding-top: 12px }
  html.var .\@tab\:pt\:ls { padding-top: 14px }
  html.var .\@tab\:pt\:md { padding-top: 16px }
  html.var .\@tab\:pt\:lg { padding-top: 18px }
  html.var .\@tab\:pt\:xl { padding-top: 20px }
  html.var .\@tab\:pt\:2xl { padding-top: 24px }
  html.var .\@tab\:pt\:3xl { padding-top: 32px }
  html.var .\@tab\:pt\:4xl { padding-top: 40px }
  html.var .\@tab\:pt\:5xl { padding-top: 48px }
  html.var .\@tab\:pt\:6xl { padding-top: 56px }
  html.var .\@tab\:pt\:7xl { padding-top: 64px }
  html.var .\@tab\:pt\:8xl { padding-top: 72px }
  html.var .\@tab\:pt\:9xl { padding-top: 80px }
  html.var .\@tab\:pt\:10xl { padding-top: 88px }
  html.var .\@tab\:pt\:11xl { padding-top: 96px }
  html.var .\@tab\:pt\:12xl { padding-top: 104px }

  html.var .\@tab\:pr { padding-right: 8px }
  html.var .\@tab\:pr\:0 { padding-right: 0 }
  html.var .\@tab\:pr\:xs { padding-right: 4px }
  html.var .\@tab\:pr\:sm { padding-right: 8px }
  html.var .\@tab\:pr\:s { padding-right: 10px }
  html.var .\@tab\:pr\:ms { padding-right: 12px }
  html.var .\@tab\:pr\:ls { padding-right: 14px }
  html.var .\@tab\:pr\:md { padding-right: 16px }
  html.var .\@tab\:pr\:lg { padding-right: 18px }
  html.var .\@tab\:pr\:xl { padding-right: 20px }
  html.var .\@tab\:pr\:2xl { padding-right: 24px }
  html.var .\@tab\:pr\:3xl { padding-right: 32px }
  html.var .\@tab\:pr\:4xl { padding-right: 40px }
  html.var .\@tab\:pr\:5xl { padding-right: 48px }
  html.var .\@tab\:pr\:6xl { padding-right: 56px }
  html.var .\@tab\:pr\:7xl { padding-right: 64px }
  html.var .\@tab\:pr\:8xl { padding-right: 72px }
  html.var .\@tab\:pr\:9xl { padding-right: 80px }
  html.var .\@tab\:pr\:10xl { padding-right: 88px }
  html.var .\@tab\:pr\:11xl { padding-right: 96px }
  html.var .\@tab\:pr\:12xl { padding-right: 104px }

  html.var .\@tab\:pb { padding-bottom: 8px }
  html.var .\@tab\:pb\:0 { padding-bottom: 0 }
  html.var .\@tab\:pb\:xs { padding-bottom: 4px }
  html.var .\@tab\:pb\:sm { padding-bottom: 8px }
  html.var .\@tab\:pb\:s { padding-bottom: 10px }
  html.var .\@tab\:pb\:ms { padding-bottom: 12px }
  html.var .\@tab\:pb\:ls { padding-bottom: 14px }
  html.var .\@tab\:pb\:md { padding-bottom: 16px }
  html.var .\@tab\:pb\:lg { padding-bottom: 18px }
  html.var .\@tab\:pb\:xl { padding-bottom: 20px }
  html.var .\@tab\:pb\:2xl { padding-bottom: 24px }
  html.var .\@tab\:pb\:3xl { padding-bottom: 32px }
  html.var .\@tab\:pb\:4xl { padding-bottom: 40px }
  html.var .\@tab\:pb\:5xl { padding-bottom: 48px }
  html.var .\@tab\:pb\:6xl { padding-bottom: 56px }
  html.var .\@tab\:pb\:7xl { padding-bottom: 64px }
  html.var .\@tab\:pb\:8xl { padding-bottom: 72px }
  html.var .\@tab\:pb\:9xl { padding-bottom: 80px }
  html.var .\@tab\:pb\:10xl { padding-bottom: 88px }
  html.var .\@tab\:pb\:11xl { padding-bottom: 96px }
  html.var .\@tab\:pb\:12xl { padding-bottom: 104px }

  html.var .\@tab\:pl { padding-left: 8px }
  html.var .\@tab\:pl\:0 { padding-left: 0 }
  html.var .\@tab\:pl\:xs { padding-left: 4px }
  html.var .\@tab\:pl\:sm { padding-left: 8px }
  html.var .\@tab\:pl\:s { padding-left: 10px }
  html.var .\@tab\:pl\:ms { padding-left: 12px }
  html.var .\@tab\:pl\:ls { padding-left: 14px }
  html.var .\@tab\:pl\:md { padding-left: 16px }
  html.var .\@tab\:pl\:lg { padding-left: 18px }
  html.var .\@tab\:pl\:xl { padding-left: 20px }
  html.var .\@tab\:pl\:2xl { padding-left: 24px }
  html.var .\@tab\:pl\:3xl { padding-left: 32px }
  html.var .\@tab\:pl\:4xl { padding-left: 40px }
  html.var .\@tab\:pl\:5xl { padding-left: 48px }
  html.var .\@tab\:pl\:6xl { padding-left: 56px }
  html.var .\@tab\:pl\:7xl { padding-left: 64px }
  html.var .\@tab\:pl\:8xl { padding-left: 72px }
  html.var .\@tab\:pl\:9xl { padding-left: 80px }
  html.var .\@tab\:pl\:10xl { padding-left: 88px }
  html.var .\@tab\:pl\:11xl { padding-left: 96px }
  html.var .\@tab\:pl\:12xl { padding-left: 104px }

  html.var .\@tab\:px { padding-left: 8px; padding-right: 8px }
  html.var .\@tab\:px\:0 { padding-left: 0; padding-right: 0 }
  html.var .\@tab\:px\:xs { padding-left: 4px; padding-right: 4px }
  html.var .\@tab\:px\:sm { padding-left: 8px; padding-right: 8px }
  html.var .\@tab\:px\:s { padding-left: 10px; padding-right: 10px }
  html.var .\@tab\:px\:ms { padding-left: 12px; padding-right: 12px }
  html.var .\@tab\:px\:ls { padding-left: 14px; padding-right: 14px }
  html.var .\@tab\:px\:md { padding-left: 16px; padding-right: 16px }
  html.var .\@tab\:px\:lg { padding-left: 18px; padding-right: 18px }
  html.var .\@tab\:px\:xl { padding-left: 20px; padding-right: 20px }
  html.var .\@tab\:px\:2xl { padding-left: 24px; padding-right: 24px }
  html.var .\@tab\:px\:3xl { padding-left: 32px; padding-right: 32px }
  html.var .\@tab\:px\:4xl { padding-left: 40px; padding-right: 40px }
  html.var .\@tab\:px\:5xl { padding-left: 48px; padding-right: 48px }
  html.var .\@tab\:px\:6xl { padding-left: 56px; padding-right: 56px }
  html.var .\@tab\:px\:7xl { padding-left: 64px; padding-right: 64px }
  html.var .\@tab\:px\:8xl { padding-left: 72px; padding-right: 72px }
  html.var .\@tab\:px\:9xl { padding-left: 80px; padding-right: 80px }
  html.var .\@tab\:px\:10xl { padding-left: 88px; padding-right: 88px }
  html.var .\@tab\:px\:11xl { padding-left: 96px; padding-right: 96px }
  html.var .\@tab\:px\:12xl { padding-left: 104px; padding-right: 104px }

  html.var .\@tab\:py { padding-top: 8px; padding-bottom: 8px }
  html.var .\@tab\:py\:0 { padding-top: 0; padding-bottom: 0 }
  html.var .\@tab\:py\:xs { padding-top: 4px; padding-bottom: 4px }
  html.var .\@tab\:py\:sm { padding-top: 8px; padding-bottom: 8px }
  html.var .\@tab\:py\:s { padding-top: 10px; padding-bottom: 10px }
  html.var .\@tab\:py\:ms { padding-top: 12px; padding-bottom: 12px }
  html.var .\@tab\:py\:ls { padding-top: 14px; padding-bottom: 14px }
  html.var .\@tab\:py\:md { padding-top: 16px; padding-bottom: 16px }
  html.var .\@tab\:py\:lg { padding-top: 18px; padding-bottom: 18px }
  html.var .\@tab\:py\:xl { padding-top: 20px; padding-bottom: 20px }
  html.var .\@tab\:py\:2xl { padding-top: 24px; padding-bottom: 24px }
  html.var .\@tab\:py\:3xl { padding-top: 32px; padding-bottom: 32px }
  html.var .\@tab\:py\:4xl { padding-top: 40px; padding-bottom: 40px }
  html.var .\@tab\:py\:5xl { padding-top: 48px; padding-bottom: 48px }
  html.var .\@tab\:py\:6xl { padding-top: 56px; padding-bottom: 56px }
  html.var .\@tab\:py\:7xl { padding-top: 64px; padding-bottom: 64px }
  html.var .\@tab\:py\:8xl { padding-top: 72px; padding-bottom: 72px }
  html.var .\@tab\:py\:9xl { padding-top: 80px; padding-bottom: 80px }
  html.var .\@tab\:py\:10xl { padding-top: 88px; padding-bottom: 88px }
  html.var .\@tab\:py\:11xl { padding-top: 96px; padding-bottom: 96px }
  html.var .\@tab\:py\:12xl { padding-top: 104px; padding-bottom: 104px }
}