sassy_noise_gradient 0.1.9.1 → 0.1.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.md +23 -3
- data/stylesheets/_sassy-noise.scss +0 -4
- data/stylesheets/sassy-noise/_sassy-noise.scss +4 -11
- metadata +1 -2
data/README.md
CHANGED
|
@@ -6,10 +6,14 @@ noise background images as base64 data URIs.
|
|
|
6
6
|
|
|
7
7
|
Based on work of @philippbosch & @aaronrussell (https://gist.github.com/1021332).
|
|
8
8
|
|
|
9
|
+
### Note from Victor Coulon
|
|
10
|
+
I have updated the plugin a bit to allow to write css3 noisy gradient.
|
|
11
|
+
|
|
12
|
+
|
|
9
13
|
Installation
|
|
10
14
|
============
|
|
11
15
|
|
|
12
|
-
$ gem install
|
|
16
|
+
$ gem install sassy_noise_gradient
|
|
13
17
|
|
|
14
18
|
In your Compass projects config.rb etc:
|
|
15
19
|
|
|
@@ -33,13 +37,29 @@ In your .scss:
|
|
|
33
37
|
// Example usage on <body>
|
|
34
38
|
|
|
35
39
|
body {
|
|
36
|
-
@include sassy-noise;
|
|
40
|
+
@include sassy-noise(#FFF);
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
// Monochrome example
|
|
40
44
|
body {
|
|
41
|
-
@include sassy-noise($mono: true);
|
|
45
|
+
@include sassy-noise(#FFF, $mono: true);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// Gradient Example
|
|
49
|
+
nav{
|
|
50
|
+
@include sassy-noise(linear-gradient(#EEE,#FFF), $mono: true);
|
|
42
51
|
}
|
|
52
|
+
|
|
53
|
+
div{
|
|
54
|
+
@include sassy-noise(radial-gradient(45px 45px, aqua 10px, #1e90ff 30px), $mono: true);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
Allowed options :
|
|
58
|
+
|
|
59
|
+
$intensity: [0..1]
|
|
60
|
+
$opacity: [0..1]
|
|
61
|
+
$size: [1..512]
|
|
62
|
+
$mono: [true, false]
|
|
43
63
|
|
|
44
64
|
No templates?
|
|
45
65
|
=============
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
@mixin sassy-noise(
|
|
2
|
+
$color: #FFF,
|
|
2
3
|
$intensity: $sassy-noise-intensity-default,
|
|
3
4
|
$opacity: $sassy-noise-opacity-default,
|
|
4
5
|
$size: $sassy-noise-size-default,
|
|
5
6
|
$mono: $sassy-noise-mono-default
|
|
6
7
|
) {
|
|
7
|
-
background-image: background_noise(
|
|
8
|
-
$color: #FFF,
|
|
9
|
-
$intensity: $intensity,
|
|
10
|
-
$opacity: $opacity,
|
|
11
|
-
$size: $size,
|
|
12
|
-
$mono: $mono
|
|
13
|
-
);
|
|
14
8
|
|
|
9
|
+
@extend ._sassy-noise-repeat;
|
|
10
|
+
|
|
15
11
|
@if type-of($color) == color {
|
|
16
12
|
background-color: $color;
|
|
17
|
-
background-image: background-noise($intensity
|
|
18
|
-
@extend ._sassy-noise-repeat;
|
|
13
|
+
background-image: background-noise($intensity: $intensity,$opacity: $opacity,$size: $size,$mono: $mono);
|
|
19
14
|
}
|
|
20
15
|
|
|
21
16
|
@if type-of($color) == 'compass::sassextensions::functions::gradientsupport::lineargradient' {
|
|
22
|
-
@extend ._sassy-noise-no-repeat;
|
|
23
17
|
@include background-image(
|
|
24
18
|
background-noise($intensity: $intensity,$opacity: $opacity,$size: $size,$mono: $mono),
|
|
25
19
|
$color
|
|
@@ -27,7 +21,6 @@
|
|
|
27
21
|
}
|
|
28
22
|
|
|
29
23
|
@if type-of($color) == 'compass::sassextensions::functions::gradientsupport::radialgradient' {
|
|
30
|
-
@extend ._sassy-noise-no-repeat;
|
|
31
24
|
@include background-image(
|
|
32
25
|
background-noise($intensity: $intensity,$opacity: $opacity,$size: $size,$mono: $mono),
|
|
33
26
|
$color
|
metadata
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sassy_noise_gradient
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.9.
|
|
4
|
+
version: 0.1.9.2
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
8
8
|
- Antti Salonen
|
|
9
9
|
- Vesa Vanska
|
|
10
|
-
- Victor Coulon
|
|
11
10
|
autorequire:
|
|
12
11
|
bindir: bin
|
|
13
12
|
cert_chain: []
|