@primer/primitives/dist/styleLint/functional/size/viewport.json

Typography, spacing, and color primitives for Primer design system

{
  "viewportRange-landscape": {
    "key": "{viewportRange.landscape}",
    "$value": "(orientation: landscape)",
    "$type": "custom-viewportRange",
    "filePath": "src/tokens/functional/size/viewport.json5",
    "isSource": true,
    "original": {
      "$value": "(orientation: landscape)",
      "$type": "custom-viewportRange",
      "key": "{viewportRange.landscape}"
    },
    "name": "viewportRange-landscape",
    "attributes": {},
    "path": ["viewportRange", "landscape"]
  },
  "viewportRange-narrow": {
    "key": "{viewportRange.narrow}",
    "$value": "(max-width: calc(48rem,768px - 0.02px))",
    "$type": "custom-viewportRange",
    "filePath": "src/tokens/functional/size/viewport.json5",
    "isSource": true,
    "original": {
      "$value": "(max-width: calc({breakpoint.medium} - 0.02px))",
      "$type": "custom-viewportRange",
      "key": "{viewportRange.narrow}"
    },
    "name": "viewportRange-narrow",
    "attributes": {},
    "path": ["viewportRange", "narrow"]
  },
  "viewportRange-narrowLandscape": {
    "key": "{viewportRange.narrowLandscape}",
    "$value": "(max-width: calc(63.25rem,1012px - 0.02px) and (max-height: calc(34rem,544px - 0.02px)) and (orientation: landscape))",
    "$type": "custom-viewportRange",
    "filePath": "src/tokens/functional/size/viewport.json5",
    "isSource": true,
    "original": {
      "$value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
      "$type": "custom-viewportRange",
      "key": "{viewportRange.narrowLandscape}"
    },
    "name": "viewportRange-narrowLandscape",
    "attributes": {},
    "path": ["viewportRange", "narrowLandscape"]
  },
  "viewportRange-portrait": {
    "key": "{viewportRange.portrait}",
    "$value": "(orientation: portrait)",
    "$type": "custom-viewportRange",
    "filePath": "src/tokens/functional/size/viewport.json5",
    "isSource": true,
    "original": {
      "$value": "(orientation: portrait)",
      "$type": "custom-viewportRange",
      "key": "{viewportRange.portrait}"
    },
    "name": "viewportRange-portrait",
    "attributes": {},
    "path": ["viewportRange", "portrait"]
  },
  "viewportRange-regular": {
    "key": "{viewportRange.regular}",
    "$value": "(min-width: 48rem,768px)",
    "$type": "custom-viewportRange",
    "filePath": "src/tokens/functional/size/viewport.json5",
    "isSource": true,
    "original": {
      "$value": "(min-width: {breakpoint.medium})",
      "$type": "custom-viewportRange",
      "key": "{viewportRange.regular}"
    },
    "name": "viewportRange-regular",
    "attributes": {},
    "path": ["viewportRange", "regular"]
  },
  "viewportRange-wide": {
    "key": "{viewportRange.wide}",
    "$value": "(min-width: 87.5rem,1400px)",
    "$type": "custom-viewportRange",
    "filePath": "src/tokens/functional/size/viewport.json5",
    "isSource": true,
    "original": {
      "$value": "(min-width: {breakpoint.xxlarge})",
      "$type": "custom-viewportRange",
      "key": "{viewportRange.wide}"
    },
    "name": "viewportRange-wide",
    "attributes": {},
    "path": ["viewportRange", "wide"]
  }
}