@legocss/lego-library v0.0.1

LegoCSS Library

Introduction

It's no secret I'm a LEGO® fan and have been ever since childhood. The name is slightly cheesy and obvious. With reusable pieces of code, I made components similar to LEGO® bricks being used to make different objects.

When I was first learning to program I used the Twitter Bootstrap and Material Design libraries. They made creating websites painless and easy. The downside, a considerable amount of code that came with those libraries that I would never use. I would spend a countless amount of time rewriting specific styles to my liking. When I noticed I was doing this for every project the idea for the LegoCSS project was born.

Demo

View the full documentation and demo to see the components in action. The showcase provides a full list of component examples, code snippets and demos of each.

LegoCSS Library 1.0 Demo

Setup & Installation

For basic use in your project there is no installation required.

1. Preview the minified file and include it in your project file.

OR

2. Install the package with npm: LegoCSS Library

<!-- Lego Core -->
npm i @legocss/lego-library

This gives you access to using each pagack seperately. Only use what you need.

Example: of using the whole library

@import '@legocss/lego-library/lego/lego.min.css';

OR

Example: just use the reset and base files

@import '@legocss/lego-library/reset/reset.min.css';
@import '@legocss/lego-library/base/base.min.css';

Credits

LegoCSS Library was created by Morgan Taylor @morgantaylor.