Bagpakk

A minimal front-end CSS framework.

View project page

##What is Bagpakk?

Bagpakk is a minimal lightweight front-end framework.

Unlike huge CSS frameworks like twitter bootstrap or foundation, Bagpakk offers a minimal scaffold to build your web application.

Wordpress Ready : The WP version of bagpakk comes with all wordpress default classes
Responsive : Fits to any devices using Progressive Enhancement
Developper Friendly : Build for developper with a simple & readable SCSS structure

##Features

typography
main container classes
grid system
buttons
form
fluid video wrapper
media queries
useful scss mixins and functions

##SCSS Usage

Paste the content of the bagpakk SCSS folder into your web app SCSS folder
Rename the bagpakk.scss file or bagpakk-wordpress.scss file with an underscore: _bagpakk.scss
Import the bagpakk SCSS file into your main project stylsheet
Edit the _settings.scss file variables if needed to change the accent color, fonts, mobile break points etc...
Now you can extend your CSS selectors from any bagpakk class and use all mixins and functions

// Make sure the charset is set appropriately
@charset "UTF-8";

// Import bagpakk
@import "bagpakk";

// Example
#my-container{
	@extend .container;
	background:black(0.3); // black rgba mixin
}