🏋️ a lightweight CSS/SASS framework
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
dist
favicon
fonts
liteweight
theme
.gitattributes
.gitignore
.travis.yml
Gruntfile.js
LICENSE.md
README.md
index.html
liteweight-duo.scss
liteweight-full.scss
liteweight.scss
logo.png
package-lock.json
package.json

README.md

liteweight

Build Status GitHub Release

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.

File Structure

Here's a general idea of each of the important files:

File Name Description
dist/ The folder that contains final distribution files, in .css and .min.css format
liteweight.scss The SCSS file that compiles into liteweight.css.
liteweight-*.scss Theme SCSS files that compile into theme/liteweight-*.css. These are just some example themes; make your own!
liteweight/* Individual components of liteweight, such as variables, buttons, and cards.
theme/* Theme support components, such as variable and component overrides.

Development

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 dist/! Awesome!