{
  "items": [
    {
      "name": "$bp--xsmall",
      "value": "380px",
      "comment": ""
    },
    {
      "name": "$bp--small",
      "value": "500px",
      "comment": ""
    },
    {
      "name": "$bp--medium",
      "value": "640px",
      "comment": ""
    },
    {
      "name": "$bp--large",
      "value": "768px",
      "comment": ""
    },
    {
      "name": "$bp--xlarge",
      "value": "1024px",
      "comment": ""
    },
    {
      "name": "$bp--xxlarge",
      "value": "1250px",
      "comment": ""
    },
    {
      "name": "$bp--xxxlarge",
      "value": "1600px",
      "comment": ""
    }
  ],
  "meta": {
    "description": "To add to these items, use Sass variables that start with <code>$bp--</code> in <code>source/_patterns/00-base/breakpoints/_breakpoints.scss</code>"
  }
}