A simple grid framework of functions and mixins for both fluid and fixed layouts. Built in SASS
Pull request Compare This branch is 1 commit behind modeset:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
app
lib
vendor/assets/javascripts
.gitignore
Gemfile
Gemfile.lock
LICENSE
Procfile
README.md
Rakefile
config.ru
fishnet.gemspec

README.md

Fishnet

A simple grid framework based on the semantic grid system, built in sass and tuned to work with both fluid and fixed layouts.

Fishnet follows the philosophy that your html markup should be as semantic as possible, while maintaining the flexibility and order of a grid system. With sass (and other preprocessors), it's trivial to inject a grid system directly into an element styles. Fishnet provides a common interface for maintaining the structure and consistency provided by a grid, while maintaining logical semantic elements within the markup.

Fishnet builds upon semantic.gs by providing additional column type mixins and exposing functions in order to cover every pixel available on the screen. The core components of fishnet will not insert any classes or other elements into your style sheets (unless you tell it to). It's all based on variables, functions, and mixins. This allows an application to use grid elements when needed and get out of the way when they're not.

Version: 1.0.1

» View the documentation and demo

Installation

In your Gemfile:

gem 'fishnet'

In your application.sass file:

@import fishnet

// Optionally include the mesh layout
@import fishnet/mesh

See the demo for usage

Fishnet Source Files

All of the source files for fishnet are found in app/assets/stylesheets/fishnet/

Resources

License

Fishnet is Copyright © 2012 Mode Set. It is free software, and may be redistributed under the terms specified in the (MIT) LICENSE file.