harsh 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. data/README.md +89 -2
  2. metadata +4 -4
data/README.md CHANGED
@@ -1,2 +1,89 @@
1
- # Harsh
2
- ## Compass extension for randomly generated CSS3 gradients with harsh color stops
1
+ # [Harsh](http://www.bookcasey.com/harsh)
2
+
3
+ Compass extension for randomly generated CSS3 gradients with harsh color stops—like magical diamonds.
4
+
5
+ <img src="http://i.imgur.com/bFpC1.png" width="300px" height="200px">
6
+
7
+ ## Installation
8
+
9
+ From the command line:
10
+
11
+ sudo gem install harsh
12
+
13
+ Installing into your project:
14
+
15
+ # Edit config.rb and add:
16
+ require "harsh"
17
+
18
+ # Import the extension into your sass or scss file
19
+ @import "harsh"
20
+
21
+ ## Arguments
22
+
23
+ # Mixin for backgrounds
24
+ +harsh($color, $background, $transparency, $number-of-gradients, $angle, $nuance, $nuance-strength)
25
+
26
+ # Mixin for text (only works in webkit)
27
+ +harsh-text($color, $transparency, $number-of-gradients, $angle, $nuance, $nuance-strength, $background)
28
+
29
+ ### color
30
+
31
+ The color of the gradients. Pass any color, a list of colors separated by spaces, or `random` for random colors.
32
+
33
+ ### background
34
+
35
+ Appends a color at the end of the gradients, pass `false` to omit.
36
+
37
+ ### transparency
38
+
39
+ Sets opacity of each gradient—use `0` for opaque, `1` for completely transparent.
40
+
41
+ ### number-of-gradients
42
+
43
+ Sets number of gradients. Passing a list of colors overrides.
44
+
45
+ ### angle
46
+
47
+ Sets angle of gradients. Pass `random` for random angles, start and stop points (`25% 75%`), degrees (`45deg`), or CSS keywords like `top`, `right`, or `bottom left`.
48
+
49
+ ### nuance
50
+
51
+ Boolean. When passing one color, saturates, desaturates, lightens, and darkens by a random amount.
52
+
53
+ ### nuance-strength
54
+
55
+ Sets maximum percent colors will be changed by `nuance`. `0` will result in no change.
56
+
57
+ <img src="http://i.imgur.com/2I95W.png" width="300px" height="200px">
58
+
59
+ `100` will result in a large change.
60
+
61
+ <img src="http://i.imgur.com/2R2cB.png" width="300px" height="200px">
62
+
63
+ ## [Examples](http://www.bookcasey.com/harsh)
64
+
65
+ .random
66
+ +harsh()
67
+
68
+ .background-color
69
+ +harsh(white, rgb(200,50,50), .95)
70
+
71
+ .bright
72
+ +harsh(random, white, .05)
73
+
74
+ .dull
75
+ +harsh($transparency: .95)
76
+
77
+ .specify-colors
78
+ +harsh(#FF0000 blue rgb(50,200,50))
79
+
80
+ .horizontal
81
+ +harsh($angle: top)
82
+
83
+ .angled
84
+ +harsh($angle: -32deg)
85
+
86
+ .nuance
87
+ +harsh(salmon, $nuance-strength: 50)
88
+
89
+
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: harsh
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.0.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-10-29 00:00:00.000000000 Z
12
+ date: 2012-11-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
@@ -28,7 +28,7 @@ dependencies:
28
28
  - !ruby/object:Gem::Version
29
29
  version: 0.10.0.rc3
30
30
  description: Compass extension for randomly generated CSS3 gradients with harsh color
31
- stops
31
+ stops—like magical diamonds.
32
32
  email: casey.m.olson@gmail.com
33
33
  executables: []
34
34
  extensions: []
@@ -61,5 +61,5 @@ rubygems_version: 1.8.24
61
61
  signing_key:
62
62
  specification_version: 3
63
63
  summary: Compass extension for randomly generated CSS3 gradients with harsh color
64
- stops
64
+ stops—like magical diamonds.
65
65
  test_files: []