https://github.com/coderiver/getttable_button
https://github.com/coderiver/getttable_button
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/coderiver/getttable_button
- Owner: coderiver
- Created: 2013-05-20T10:05:10.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2013-07-19T15:46:56.000Z (over 12 years ago)
- Last Synced: 2025-01-30T07:42:56.675Z (11 months ago)
- Language: Ruby
- Size: 145 KB
- Stars: 1
- Watchers: 18
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
My Sass template (by akella), or boilerplate, whatever =) I should invent some cool name later on.
=============
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/libs` - all the mixins and libs needed for us.
`/sass/_mixins.scss` - agregates all those libraries and some common styles
`/sass/screen.scss` - agregates all .scss files.
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.css` 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-*`.