Module Import

Configuration Syntax

Desktop Gutter Variable

Tablet Gutter Variable

Phone Gutter Variable

Desktop Margin Variable

Tablet Margin Variable

Phone Margin Variable

Max Width Variable

Root Container Class

Inner Wrapper Class

Cell Classes

Three-Layer Hierarchy

Multiple Grid Cells

Fixed width class

Grid structure

Column spanning

Grid alignment

Cell alignment

Span clamping logic

Flexbox width calculation

CSS Grid span logic

Device configuration handling

Return value format

Sass module import

$columns variable configuration

Grid styles inclusion

Desktop column count

Tablet column count

Phone column count

Grid Structure

Desktop Spanning

Tablet Spanning

Phone Spanning

CSS Import

breakpoint-min usage

breakpoint-max usage

fixed-column-width mixin

Responsive implementation

Three-layer structure

Universal spanning

Desktop-specific spanning

Tablet-specific spanning

Phone-specific spanning

Package integration

Sass @use directive

$breakpoints variable

$default-gutter variable

CSS generation

Variable naming

Grid Structure

Column Spanning

CSS Custom Properties

Compact Theme

Default Theme

Spacious Theme

Theme Application