Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/antsa/sassy_noise

A Sass port of Noisy JS (https://github.com/DanielRapp/Noisy) for generating noise background images as base64 data URIs. Based on work of @philippbosch & @aaronrussell (https://gist.github.com/1200394/741bb7566da29b1e1550f3e7e135390966f5c83f).
https://github.com/antsa/sassy_noise

Last synced: 3 months ago
JSON representation

A Sass port of Noisy JS (https://github.com/DanielRapp/Noisy) for generating noise background images as base64 data URIs. Based on work of @philippbosch & @aaronrussell (https://gist.github.com/1200394/741bb7566da29b1e1550f3e7e135390966f5c83f).

Awesome Lists containing this project

README

        

Sassy noise
===========

A Sass port of Noisy JS (https://github.com/DanielRapp/Noisy) for generating
noise background images as base64 data URIs.

Based on work of @philippbosch & @aaronrussell (https://gist.github.com/1021332).

Installation
============

$ gem install sassy_noise

In your Compass projects config.rb etc:

require "sassy_noise"

Basic usage
===========


In your .scss:

// Default values
// $sassy-noise-intensity-default: 0.5;
// $sassy-noise-opacity-default: 0.08;
// $sassy-noise-size-default: 200;
// $sassy-noise-mono-default: false;

@import "sassy-noise";

// Example usage on

body {
@include sassy-noise;
}

// Monochrome example
body {
@include sassy-noise($mono: true);
}

No templates?
=============

I've omitted the project template because probably no-one wants to build a
project based on noise. I might add another pattern later.

Development
===========

To run the project tests run `rake` in the project home directory.

You need RSpec to run the tests. Easiest way to install RSpec is to run
`gem install sassy_noise --development` which installs the development
dependencies.

TODO
====

* Add templates
* Add common case @mixins