nth-grid

v1.0.0
Nth-Grid is a versatile semantic CSS grid system with legacy browser support for Less, PostCSS, Sass, and Stylus.
css flex flexbox gap grid ie ie7 ie8 ie9 and 15 more...

build

npm-run-all -s build:dist -p build:demo build:fixtures build:docs:sass build:sassdoc

build:demo

npm-run-all -s build:demo:hbs -p build:demo:less build:demo:postcss build:demo:sass build:demo:stylus

build:demo:hbs

node build/build-demo.js

build:demo:less

lessc --include-path=dist demo/grids-less.less demo/grids-less.css

build:demo:postcss

postcss demo/*.pcss ---dir demo --ext css

build:demo:sass

run-p build:demo:sass-*

build:demo:sass-styles

sass src/demo/sass:demo --load-path=dist --no-source-map

build:demo:sass-import

dart-sass demo/grids-sass-import.scss demo/grids-sass-import.css --load-path=dist --no-source-map

build:demo:sass-use

sass demo/grids-sass-use.scss demo/grids-sass-use.css --load-path=dist --no-source-map

build:demo:stylus

stylus demo -o demo --include dist

build:dist

rimraf dist/* && run-p build:dist:*

build:dist:less

run-p build:dist:less:*

build:dist:less:mixin

cpx './src/less/*.less' ./dist/less && replace-in-file ./dist/**/*.less --configFile ./replace.config.js --quiet

build:dist:less:plugin

rollup -c rollup.less.config.mjs

build:dist:postcss

rollup -c rollup.postcss.config.mjs

build:dist:sass

cpx './src/sass/*.scss' ./dist/sass && replace-in-file ./dist/**/*.scss --configFile ./replace.config.js --quiet

build:dist:stylus

cpx './src/stylus/*.styl' ./dist/stylus && replace-in-file ./dist/**/*.styl --configFile ./replace.config.js --quiet

build:docs:sass

sass src/docs/sass:docs --load-path=dist --load-path=node_modules/css-device-frames/dist/ --no-source-map

build:fixtures

rimraf tests/fixtures/* && node build/build-fixtures.js

build:sassdoc

rimraf docs/sassdoc/* && sassdoc ./dist/sass -d ./docs/sassdoc -c ./sassdoc.config.json

clean

rimraf demo/* dist/* docs/sassdoc/* tests/fixtures/*

lint

eslint . && markdownlint *.md docs/*.md --ignore node_modules

lint:fix

eslint . --fix

prepare

run-s clean build

serve

node server.js

start

npm-run-all -s build -p watch serve

test

jest

test:watch

jest --watch & nodemon --delay 1 -C -q -w tests/fixtures -e '*' -x run-s test

version

run-s prepare lint test && git add -A docs/sassdoc

watch

run-p watch:**

watch:demo:less

nodemon -C -q -w demo -e less -x run-s build:demo:less

watch:demo:postcss

nodemon -C -q -w demo -e pcss -x run-s build:demo:postcss

watch:demo:sass

nodemon -C -q -w demo -w src/demo -e scss -x run-s build:demo:sass

watch:demo:stylus

nodemon -C -q -w demo -e styl -x run-s build:demo:stylus

watch:dist

nodemon -C -q -w dist -e '*' -x run-s build:demo build:fixtures

watch:src:less

nodemon -C -q -w src/less -e '*' -x run-s build:dist:less

watch:src:postcss

nodemon -C -q -w src/postcss -e '*' -x run-s build:dist:postcss build:dist:less

watch:src:sass

nodemon -C -q -w src/sass -e '*' -x run-s build:dist:sass build:sassdoc

watch:src:docs:sass

nodemon -C -q -w src/docs -e '*' -x run-s build:docs:sass

watch:src:stylus

nodemon -C -q -w src/stylus -e '*' -x run-s build:dist:stylus

watch:src:templates

nodemon -C -q -w src/templates -e '*' -x run-p build:demo build:fixtures
npm i nth-grid

Metadata

  • MIT
  • Whatever
  • John Hildenbiddle
  • released 2/6/2024

Downloads

Maintainers