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).
Note from Victor Coulon
I have updated the plugin a bit to allow to write css3 noisy gradient.
Installation
$ gem install sassy_noise_gradient
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(#FFF);
}
// Monochrome example
body {
@include sassy-noise(#FFF, $mono: true);
}
// Gradient Example
nav{
@include sassy-noise(linear-gradient(#EEE,#FFF), $mono: true);
}
div{
@include sassy-noise(radial-gradient(45px 45px, aqua 10px, #1e90ff 30px), $mono: true);
}
Allowed options :
$intensity: [0..1]
$opacity: [0..1]
$size: [1..512]
$mono: [true, false]
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