Skip to main content

grid-all

gridPluginConfigs["grid-all"] enables every public rule exported by this package.

Usageโ€‹

import { gridPluginConfigs } from "stylelint-plugin-grid";

export default gridPluginConfigs["grid-all"];

Use this config after reading the current static-analysis boundaries. Projects that split grid containers and items across files may prefer grid-recommended plus selected stricter rules.

Rules in this configโ€‹

Fix legend: ๐Ÿ”ง = autofixable ยท โ€” = report only

RuleFixDescription
consistent-area-namingโ€”Require consistent naming for grid-template-areas and single-name grid-area identifiers.
no-conflicting-placementโ€”Disallow same-block CSS Grid placement declarations that write the same placement slot.
no-dense-auto-flowโ€”Disallow grid-auto-flow: dense because it can reorder auto-placed grid items visually.
no-ineffective-container-propertiesโ€”Disallow CSS Grid container declarations in blocks whose final literal display value is not grid-capable.
no-invalid-areasโ€”Disallow malformed grid-template-areas declarations.
no-invalid-auto-repeatโ€”Disallow definitely invalid CSS Grid auto-repeat track sizes.
no-invalid-minmaxโ€”Disallow flexible fr values as the minimum argument in CSS Grid minmax() track sizes.
no-invalid-repeat-countโ€”Disallow invalid fixed repeat counts in CSS Grid track templates.
no-invalid-spanโ€”Disallow non-positive span counts in CSS Grid placement declarations.
no-mismatched-template-rowsโ€”Require grid-template-rows track count to match grid-template-areas row count.
no-overlapping-areasโ€”Disallow multiple selectors assigning the same single-name grid-area value in one stylesheet.
no-reversed-placement-linesโ€”Disallow reversed or zero-width numeric CSS Grid placement line ranges.
no-unknown-areasโ€”Disallow single-name grid-area references that do not match any named area declared in the same stylesheet.
no-unused-areasโ€”Disallow named template areas that are never referenced by a single-name grid-area declaration in the same stylesheet.
no-zero-grid-linesโ€”Disallow line 0 in CSS Grid placement declarations.
prefer-gap-properties๐Ÿ”งPrefer modern gap, row-gap, and column-gap properties over legacy grid gap aliases.
prefer-minmax-zero-frโ€”Prefer minmax(0, <flex>) for bare flexible CSS Grid column tracks.
require-explicit-rows-with-column-flowโ€”Require explicit row sizing when a rule uses grid-auto-flow: column.
require-explicit-tracks-with-areasโ€”Require explicit track sizing alongside CSS Grid named area templates.
validate-area-shapesโ€”Require every named grid template area to form one contiguous rectangle.
validate-track-countsโ€”Require template row and column track counts to match grid-template-areas dimensions.