No description, website, or topics provided.
JavaScript CSS Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
img
js
sass
README.md
config.rb
index.html

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-*.