Web-grider NPM

Gridder

A grid generator

Generates a grid similar to bootstrap with given options like custom breakpoints and names (including display styles like "d-md-block").

To use grid generator, add it to your source files:

@use "~web-grider/sass/grid" as grid with (
  $breakpoints: (
    sm: (breakpoint: 576px, container: 540px),
    lg: (breakpoint: 1200px, container: 1140px),
    xl: (breakpoint: 1440px, container: 1400px),
    my-xl: (breakpoint: 1920px, container: 1600px)
  )
);

@include grid.generate_grid();

Installation