liteweight is a really small CSS framework I made to help teach basic HTML, CSS, and maybe some SASS. It promotes clean, responsive design, but also is in no means perfect. It's just here to be small and educational. If you've got any pointers or bug fixes, PR's and forks are fully welcome.
Here's a general idea of each of the important files:
||The folder that contains final distribution files, in
||The SCSS file that compiles into
||Theme SCSS files that compile into
||Individual components of liteweight, such as variables, buttons, and cards.|
||Theme support components, such as variable and component overrides.|
We use Grunt to help us develop things!
First, we need to install our dependencies, using npm.
$ git clone https://github.com/malsf21/liteweight.git $ cd liteweight $ npm install
Then, to compile
liteweight.scss into some awesome, nicely minified code, run our
npm run build command. This basically runs
grunt (but might do more later).
$ npm run build
And now your code is nicely packaged in