Grid

Introduction

Sass functions and mixins to use grid.

Installing

npm install @unsass/grid

Usage

Styles

@use "@unsass/grid/styles";

Configuration

@use "@unsass/grid" with (
    $columns: 10,
    $screens: (
        "lg": 1024px
    )
);

Options

| Name | Default | Description | |---------------|---------|-----------------------------------------------------------------------------------------------------| | $columns | 12 | Sets numbers of columns. | | $column-gap | 12px | Sets the column gap. | | $rows | 6 | Sets numbers of rows. | | $rows-gap | 12px | Sets the row gap. | | $screens | () | Sets breakpoints rules. See here for default tokens. |