@legocss/core

Install

npm i --save @legocss/core

This package contains all Core packages, including:

• utilities
• css-reset
• foundation

Usage: WIP

To use the core styles in your own css.

.scss file:

@import "~@legocss/core";

.test {
	color: var(--color-primary);
	font-size: var(--type-scale-headline);
}

If you want to use the mixins and breakpoints in your own .scss files:

@import "~@legocss/core/dist/_mixins.scss";
@import "~@legocss/core/dist/_breakpoints.scss";

.test-custom {
  @media #{$phone} {
  	@include text(var(--type-scale-headline), 1.25, 600, var(--color-primary));
  	color: var(--color-danger)
  }
}

Development

To compile css to the dist folder - dev:

npm run dev

To compile css to the dist folder - product:

npm run package

License

MIT © morgantaylor