No description, website, or topics provided.
CSS Ruby HTML JavaScript
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/icons
js
sass
.gitignore
README.md
config.rb
index.html
prepros.cfg

README.md

Sass Boilerplate for generic CSS/HTML

Coderiver.com.ua boilerplate.

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