{
  "context": "This criteria evaluates how well the engineer uses @material/layout-grid's Sass configuration API to customize grid spacing parameters. The focus is on proper use of the module configuration syntax and correct specification of the spacing variable maps.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Module Import",
      "description": "Uses @use syntax to import @material/layout-grid module (not @import)",
      "max_score": 10
    },
    {
      "name": "Configuration Syntax",
      "description": "Uses 'with' clause correctly after @use statement to configure module variables",
      "max_score": 15
    },
    {
      "name": "Desktop Gutter Variable",
      "description": "Configures $default-gutter variable with desktop: 32px in the map",
      "max_score": 15
    },
    {
      "name": "Tablet Gutter Variable",
      "description": "Configures $default-gutter variable with tablet: 20px in the map",
      "max_score": 10
    },
    {
      "name": "Phone Gutter Variable",
      "description": "Configures $default-gutter variable with phone: 12px in the map",
      "max_score": 10
    },
    {
      "name": "Desktop Margin Variable",
      "description": "Configures $default-margin variable with desktop: 32px in the map",
      "max_score": 10
    },
    {
      "name": "Tablet Margin Variable",
      "description": "Configures $default-margin variable with tablet: 24px in the map",
      "max_score": 10
    },
    {
      "name": "Phone Margin Variable",
      "description": "Configures $default-margin variable with phone: 16px in the map",
      "max_score": 10
    },
    {
      "name": "Max Width Variable",
      "description": "Configures $max-width variable to 1280px",
      "max_score": 10
    }
  ]
}