Skip to content
Branch: master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
img
 
 
js
 
 
 
 
 
 
 
 
 
 

README.md

Sass Boilerplate for generic CSS/HTML

Done by akella with kind help of Coderiver guys.

I'm using this as a starting template for almost any project now. It includes sprites, assorted mixins (aka code snippets), file structure, jquery+cycle+scrollto (most usable these days). And, that's it.

You need to have Compass installed for it to work properly.

Structure

/sass/lib/base - all the mixins and libs needed for us.

/sass/screen.sass - agregates all .sass files.

/sass/main.sass - styles for the mainpage.

Naming blocks

I use BEM naming, meaning .block for independent block. .block__element for elements inside that block. And .block_modification for modification of the block.

layouts.sass consists of all the columns-header-footer stuff, all with .l-* prefixes. So you know its layout.

States of the blocks use prefix .is-*. For example .is-running, .is-hidden, .is-open.

Hooks for js should use prefix .js-*.

About

No description, website, or topics provided.

Resources

Releases

No releases published
You can’t perform that action at this time.