Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

sassy_noise_gradient

Package Overview
Dependencies
Maintainers
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

sassy_noise_gradient

  • 0.1.9.2
  • Rubygems
  • Socket score

Version published
Maintainers
2
Created
Source

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

FAQs

Package last updated on 04 Apr 2012

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc