{
  "grid": {
    "layout": {
      "default": {
        "$description": "6-column grid system for mobile devices",
        "columns": {
          "$type": "number",
          "$value": 6
        },
        "gutter": {
          "$type": "dimension",
          "$value": "calc({spacing.base} * 2)"
        },
        "margin": {
          "$type": "dimension",
          "$value": "calc({spacing.base} * 2)"
        }
      },
      "md": {
        "$description": "12-column grid system for medium-sized resolutions",
        "columns": {
          "$type": "number",
          "$value": 12
        },
        "gutter": {
          "$type": "dimension",
          "$value": "calc({spacing.base} * 2)"
        },
        "margin": {
          "$type": "dimension",
          "$value": "calc({spacing.base} * 3)"
        }
      },
      "lg": {
        "$description": "12-column grid system for large resolutions",
        "columns": {
          "$type": "number",
          "$value": 12
        },
        "gutter": {
          "$type": "dimension",
          "$value": "calc({spacing.base} * 2)"
        },
        "margin": {
          "$type": "dimension",
          "$value": "calc({spacing.base} * 5)"
        }
      }
    }
  }
}