Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

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

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 lib
Octocat-spinner-32 spec
Octocat-spinner-32 stylesheets
Octocat-spinner-32 templates
Octocat-spinner-32 .gitignore
Octocat-spinner-32 LICENSE
Octocat-spinner-32 README.md
Octocat-spinner-32 Rakefile
Octocat-spinner-32 sassy_noise.gemspec
README.md

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>

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
Something went wrong with that request. Please try again.